html5视频播放器无法在Phonegap Android 2.2中运行?

时间:2013-09-23 09:09:10

标签: android jquery html5 jquery-mobile cordova

这是html代码:

<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任何人都可以解释是什么问题?

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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);