大佬教程收集整理的这篇文章主要介绍了HTML5视频标记在Safari,iPhone和iPad上无法使用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4"> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv"> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm"></source> </video>
该视频在Chrome和FireFox工作正常,但在桌面上的Safari或iPhone或iPad上都不工作,输出只是一个空白页,显示视频标签的控件,但没有加载
请注意,我支持HTML5视频的Safari版本
由于某些原因,视频不会在iPad上播放,除非我设置controls =“true”标志。
示例:这对我在iPhone上,但不是iPad。
<video loop autoplay width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>
现在这个工作在iPad和iPhone上:
<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>
以上是大佬教程为你收集整理的HTML5视频标记在Safari,iPhone和iPad上无法使用全部内容,希望文章能够帮你解决HTML5视频标记在Safari,iPhone和iPad上无法使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。