微信网页开发 H5 vedio 多个视频播放问题
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、不知道是不是因为安卓手机的视频切换太消耗资源了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我也遇到这个问题,想问一下您后来是怎么解决这个问题的
同样的问题,请问怎么解决的