如果浏览器支持全屏api，则显示mediaelement播放器，否则显示youtube播放器

Question

我正在使用mediaelement.js在我的网站上显示视频。我想检查一下，如果浏览器上有全屏API，请使用mediaelement播放器，否则请使用默认的youtube播放器。

我该怎么办呢？

Answer 1

if (element.mozRequestFullScreen) {
  // This is how to go into fullscren mode in Firefox
  // Note the "moz" prefix, which is short for Mozilla.
  element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
  // This is how to go into fullscreen mode in Chrome and Safari
  // Both of those browsers are based on the Webkit project, hence the same prefix.
  element.webkitRequestFullScreen();
}

Answer 2

我终于走了一条略有不同的路线。我使用php浏览器检测插件进行wordpress，并使用if条件为IE和Opera提供不同的代码。还将包括较旧的FF，Chrome，Safari。因此，浏览器功能检测不会发生，但它暂时有效。

但是，如果有人能够回答如何做到这一点，那将是非常棒的未来目的。我相信可以用ajax完成。但是，我的具体情况需要更多数据 - 视频网址是wordpress中的自定义字段，它通过for循环获取自定义字段中所有视频的列表。