Question

如何实现html5 video标签 手机浏览器播放视频事件判定播放中的视频超出电手机的浏览范围后视频暂停播放

电脑的浏览器可以办到同一个页面多次载入ajax视频，超出浏览范围就暂停了。但是手机却只能第一个视频自动暂停，往下的视频都不会自动暂停。代码如下谢谢大神。ajax 无限载入视频。
<script> var u=0; window.onscroll=function(){var video=document.querySelectorAll('video');if( video[u].getBoundingClientRect().top<-video[u].scrollHeight || video[u].getBoundingClientRect().bottom>document.documentElement.clientHeight+video[u].offsetHeight ){video[u].pause();}for(let v=0 ;v< video.length ;v++){video[v].onclick=function(){video[u].pause();video[u].currentTime=0;video[v].play();u=v;}} }</script>

Answer 1

播放不了是因为手机浏览器不支持html5的这个video新特性。
iOS方面，根据苹果官方提供的文档，Mobile Safari支持包括视频 (video)和音频(audio) 标签，离线存储 (web storage)，主流的CSS3效果 (transitions, animations, transforms, gradient, masks等)在内的HTML5特性的。此外，虽然未更新文档，4.2 据说也加入了对Web Sockets，部分XHR-2，加强了对Canvas和SVG的支持。可惜的是，似乎尚未支持Web Worker。
Android方面，Android 2.2 和 2.3 的浏览器对HTML5的支持似乎相对有限，应该支持CSS3 (因为他们都是webkit内核)，不支持SVG和Web Sockets，部分支持Video标签 (WebM)。

Answer 2

html开发手机app，使用了video标签播放视频，在电脑浏览器中视频都可以正常播放，在手机的浏览器中也可以播放，但是嵌入到app中，视频就不能播放了，安卓和苹果都都不能正常

Answer 3

iOS方面，根据苹果官方提供的文档，Mobile Safari支持包括视频 (video)和音频(audio) 标签，离线存储 (web storage)，主流的CSS3效果 (transitions, animations, transforms, gradient, masks等)在内的HTML5特性的。此外，虽然未更新文档，4.2 据说也加入了对Web Sockets，部分XHR-2，加强了对Canvas和SVG的支持。可惜的是，似乎尚未支持Web Worker。

Answer 4

他电话恐惧吃醋吃吃吃v吃

Answer 5

✧٩(ˊωˋ*)و✧