Question

我正在尝试播放已在我的项目路径中添加的本地视频文件： ASSETS / WWW / VIDEOS / xyz.mp4 现在使用标记但收到警报： errror on playing video

我在 HTML ：

中添加了代码

<!DOCTYPE html>
   <html>
    <head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <body>
    <div data-role="page" data-theme="a" class="my-page" id="video">
                <video id="video_player" src="#" controls="controls"></video>
           </div>
    </body>
</html>
**in js:**


 $(document).on('pagebeforeshow',"#video", function () {
            xyz = document.getElementById('video_player');
            alert("values xyz:" + xyz);
            xyz.src = data[curYear].video.url;
           alert("xyz after src:" +  xyz.src);
            xyz.play();
            });

image of 1st alert

image of 2nd alert

Answer 1

试试这个..

<video class="video" poster="/assets/video/posters/example.jpg" controls width="768" height="432" preload="none">
    <source src="/assets/video/example.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="/assets/video/example.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>

html5视频标签未能在phonegap android中使用cordova 2.9.0和jquery1.9.0播放.mp4视频？

1 个答案: