Android Phonegap：是否可以使用html5视频标签在同一页面上同时播放多个视频？_Android_Jquery_Html_Cordova_Video

Android Phonegap：是否可以使用html5视频标签在同一页面上同时播放多个视频？

android jquery html cordova video

Android Phonegap：是否可以使用html5视频标签在同一页面上同时播放多个视频？,android,jquery,html,cordova,video,Android,Jquery,Html,Cordova,Video,我正在使用HTML5视频标签在phonegap应用程序中播放视频。在我的应用程序中，我有一个包含多个视频的列表页面。我想同时演奏它们问题 ------- 在我使用的phonegap android中播放视频 $("#id").get(0).play(); $("#id1").get(0).play(); $("#id2").get(0).play(); 只有最后一个视频播放，如果点击其他视频，它会启动但暂停其他视频。我对这个问题一无所知 HTML 欢迎来到我的主页我现在是一个移动开发者

我正在使用HTML5视频标签在phonegap应用程序中播放视频。在我的应用程序中，我有一个包含多个视频的列表页面。我想同时演奏它们

问题 ------- 在我使用的phonegap android中播放视频

$("#id").get(0).play();
$("#id1").get(0).play();
$("#id2").get(0).play();

只有最后一个视频播放，如果点击其他视频，它会启动但暂停其他视频。我对这个问题一无所知

HTML


欢迎来到我的主页
我现在是一个移动开发者
您的浏览器不支持视频标记。
您的浏览器不支持视频标记。
页脚文本
$（函数（）{
$（“#video1”）.get（0.play（）；
$（“#video2”）.get（0.play（）；
});

谢谢

您为每个视频使用了不同的id？？请包含您的相关HTML或创建一个jsfiddle@devgon已添加html。请检查它。thanksHi@varunnayyar您找到问题的解决方案了吗？我也陷入了同样的境地。

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    </head>
    <body>

    <div data-role="page">
      <div data-role="header">
        <h1>Welcome To My Homepage</h1>
      </div>

      <div data-role="main" class="ui-content">
        <p>I Am Now A Mobile Developer!!</p>
        <video class='androidVid' id='video1' style='width:100%;height:240px' muted>
            <source type='application/x-mpegURL' src='http://xx.xx.xx.xx/HLS/clawview.m3u8?t=Math.random()'>
            Your browser does not support the video tag.
        </video>
        <video class='androidVid' id='video2' style='width:100%;height:240px' muted>
            <source type='application/x-mpegURL' src='http://xx.xx.xx.xx/HLS/clawview.m3u8?t=Math.random()'>
            Your browser does not support the video tag.
        </video>

      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 
    <script>
    $(function(){
    $("#video1").get(0).play();
    $("#video2").get(0).play();
    });

    </script>
    </body>
    </html>