ios – 如何检测是否支持HTML5自动播放属性?

ios – 如何检测是否支持HTML5自动播放属性?,第1张

概述如何最好地检测浏览器的HTML5视频元素是否支持自动播放? 目前的iOS Safari,例如autoplay is disabled。 更新:我现在设计的网页的工作方式,无论是否支持自动播放。现在当页面加载时,显示初始化视频。在iPad上,用户会看到一个大的播放按钮。一旦播放被触发,视频就被隐藏。之后,可以通过JavaScript来控制video player的播放,这是我实际需要的。 有一点晚到 如何最好地检测浏览器的HTML5视频元素是否支持自动播放?

目前的iOS Safari,例如autoplay is disabled。

更新:我现在设计的网页的工作方式,无论是否支持自动播放。现在当页面加载时,显示初始化视频。在iPad上,用户会看到一个大的播放按钮。一旦播放被触发,视频就被隐藏。之后,可以通过JavaScript来控制video player的播放,这是我实际需要的。

解决方法 有一点晚到派对,但接受的解决方案似乎过时了:现代化现在已经实现了这个功能,见 https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js

包含与此处发布的其他解决方案类似的内容,但只要浏览器不会暴露此功能的可用性,这似乎是现在最好的解决方案。

请注意,自从Modernizr 3以来,这是一个异步测试,因此您必须使用以下.on()语法进行测试:

Modernizr.on('vIDeoautoplay',function(result){  if(result) {    alert('vIDeo autoplay is supported');  }  else {    alert('vIDeo autplay is NOT supported');  }});

自己看:http://codepen.io/anon/pen/VYoWWY?editors=001

以上示例包括Modernizr 3与’vIDeoautplay’功能检测(http://v3.modernizr.com/download/#-videoautoplay)。

总结

以上是内存溢出为你收集整理的ios – 如何检测是否支持HTML5自动播放属性?全部内容,希望文章能够帮你解决ios – 如何检测是否支持HTML5自动播放属性?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1086980.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存