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、不知道是不是因为安卓手机的视频切换太消耗资源了。
我也遇到这个问题,想问一下您后来是怎么解决这个问题的