video - 如果浏览器支持全屏 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

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

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