繁体   English   中英

的html5视频标签无法在用cordova 2.9.0和jquery1.9.0在phonegap android中播放.mp4视频?

[英]html5 video tag failed to play .mp4 videos in phonegap android with cordova 2.9.0 and jquery1.9.0 ?

我正在尝试播放已经在我的项目路径中添加的本地视频文件: ASSETS / WWW / VIDEOS / xyz.mp4,现在使用标签,但收到警告: 播放视频时出错

我在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();
            });

第一个警报的图像

第二次警报的图像

尝试这个..

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM