2013-09-23 68 views
0

下面是HTML代碼:html5視頻播放器不能在Phonegap Android 2.2中工作?

<div data-role="page" data-theme="a" class="my-page" id="video"> 
<video id="video_tag" src="#" controls="controls"></video> 
</div> 

在JS代碼:

$(document).on('pagebeforeshow', "#video", function() { 
    $('#video_tag').attr('src',data[curYear].video.url); 
    }); 

data[curYear].video.url = videos/1970.mp4這是我的根文件夾 相同的代碼在瀏覽器中的工作已經設定的路徑,但我沒有得到任何視頻在Android平板電腦版本2.2使用phonegap android任何人都可以解釋是什麼問題?

+1

是否設置爲類型屬性'型= 「視頻/ MP4」' –

+0

在哪個地方我需要設置 – nida

+0

'$(文件)。在( 'pagebeforeshow', 「請#video」,函數(){ ('#src':data [curYear] .video.url,'type':'video/mp4'});' –

回答

0

嘗試下面摘錄該

<video width="356" height="200" controls poster="full/http/link/to/image/file.png" > 

    <source src="full/link/to/http/mp4/video/file.mp4" type="video/mp4" /> 

    <source src="full/link/to/http/ogv/video/file.ogv" type="video/ogg" /> 

    <source src="full/link/to/http/webm/video/file.wbem" type="video/webm" /> 

    <em>Sorry, your browser doesn't support HTML5 video.</em> 

    </video> 
+0

我需要在按鈕點擊時動態更改視頻源 – nida

0

嘗試。希望能幫助到你。如果沒有,請描述錯誤。

<div data-role="page" data-theme="a" class="my-page" id="video"> 

    </div> 

var url = data[curYear].video.url; 
    var videotag = '<video id="video_tag" controls preload="none">'+ 
           '<source src="'+url+'" type="video/mp4" /><em>Your browser does not support the video file.</em> 
           '</video>'; 

$('#video').html(videotag); 
+0

var url1 = data [curYear] .video.url; var videotag ='';獲取錯誤:01-03 22:40:48.198:E/Web控制檯(13297):未捕獲SyntaxError:無效正則表達式:丟失/ at file:///android_asset/www/js/adidas.js:54 $ ( '#video_div')HTML(videotag); – nida

+0

錯誤解決了,但仍然沒有視頻在Android設備2.2的視頻頁面中看到,而相同的代碼在瀏覽器中顯示和播放視頻,但未能在設備上執行 – nida