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

Question

如何最好地检测浏览器的 HTML5 视频元素是否支持自动播放？

例如，在当前的 iOS Safari 上，autoplay is disabled .

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

Answer 1

聚会有点晚，但公认的解决方案似乎已经过时:Modernizr 现在已经实现了这个功能，请参阅 https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js

虽然包含与此处发布的其他解决方案类似的 hack，但只要浏览器不公开此功能的可用性，这似乎是目前最好的解决方案。

请注意，这是自 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

上述示例包括带有“videoautplay”功能检测的 Modernizr 3 (http://v3.modernizr.com/download/#-videoautoplay)。