微信网页开发 H5 vedio 多个视频播放问题

latasa
  • 6

1.H5页面有多个vedio标签,在PC和IOS上播放暂停均无问题,但是在安卓手机上,可以播放,但是当你点击一个视频播放时,其他的视频均黑屏。屏幕上什么都没有,此时你点击黑屏的vedio依然可以正常播放。
2.`<div class = "video_list">

     <video  id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
          loop="false"
          data-setup="{}">
        <source src="/syeb-web/assets/video/herman.mp4" type='video/mp4' />
        <source src="/syeb-web/assets/video/herman.webm" type='video/webm' />
        <source src="/syeb-web/assets/video/herman.ogv" type='video/ogg' />
        <track kind="captions" src="/syeb-web/assets/video/demo.captions.vtt" srclang="en" label="English"></track>
        <track kind="subtitles" src="/syeb-web/assets/video/demo.captions.vtt" srclang="en" label="English"></track>
     </video>
     <div class = "video_list">
          <span style = "float:left">现代生活美学</span>
          <span style = "align:right" class="works_num fl">1836人</span>
          <button style = "float:right;background-color:#FFA92E" class="works_btn fr">给TA投票</span>
    </div>
</div>
<div class = "video_list" >        
    <video id="example_video_2" class="video-js vjs-default-skin" controls preload="none" 
          loop="false"
          data-setup="{}">
        <source src="/syeb-web/assets/video/herman.mp4" type='video/mp4' />
        <source src="/syeb-web/assets/video/herman.webm" type='video/webm' />
        <source src="/syeb-web/assets/video/herman.ogv" type='video/ogg' />
        <track kind="captions" src="/syeb-web/assets/video/demo.captions.vtt" srclang="en" label="English"></track>
        <track kind="subtitles" src="/syeb-web/assets/video/demo.captions.vtt" srclang="en" label="English"></track>
     </video>
     <div class = "video_list">
          <span style = "float:left">现代生活美学</span>
          <span style = "align:right" class="works_num fl">1836人</span>
          <button style = "float:right;background-color:#FFA92E" class="works_btn fr">给TA投票</span>
    </div>
</div>

3、不知道是不是因为安卓手机的视频切换太消耗资源了。

回复
阅读 6.8k
2 个回答
Sylvia
  • 2
新手上路,请多包涵

我也遇到这个问题,想问一下您后来是怎么解决这个问题的

海阔天空
  • 0
新手上路,请多包涵

同样的问题,请问怎么解决的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏