android - html5 视频播放器在 Phonegap Android 2.2 中不起作用？

Question

这是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 这是已经在我的根文件夹中设置的路径，相同的代码在浏览器中工作，但我没有使用 phonegap android 在 android 平板电脑 2.2 版中获得任何视频 谁能解释这是什么问题？

Answer 1

尝试这个

    <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>

Answer 2

试试下面的片段。希望能帮助到你。如果不是，请描述错误。

 <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);