- 强制全屏播放视频。(非腾讯视频)
- Click事件不能触发,play()方法。只能通过video标签自己的播放按钮进行播放。
- 因为播放只能通过video标签自己的播放按钮,所以readyState和canplaythrough视频就绪状态也没用。
- 不能自动播放。Autoplay失效。
- 不能同时播放视频。
- Video标签设置display:none后,再设置display:block。Controls会变成全白的。无法播放。(很奇葩的问题,原理我还不知道。)
- Error事件发生是在视频资源加载时发生的。不是视频加载完后。所以这里的error没用。而且error.code不支持。
最难受的是,以上问题,无解。如果你尝试在ios下使用video标签或者是在谷歌浏览器使用video标签,比较后你会发现x5是遇见过最垃圾的浏览器。
还有其它的问题,如:
1.莫名其妙的黑屏,即poster不显示(两个视频在一个页面的时候,会有一个黑屏。)。
这个在video标签之上放一个image标签,或者是用一个div包裹video,设置背景图。都可以解决。
video标签在苹果手机上的问题
- 更换video的src后,不会自动向服务器重新请求,video标签会变成白色失效状态。
解决:在更换src后使用load方法可以解决。