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

Video 如果浏览器支持全屏api,则显示mediaelement播放器,否则显示youtube播放器,video,html5-video,fullscreen,mediaelement.js,Video,Html5 Video,Fullscreen,Mediaelement.js,我正在使用mediaelement.js在我的网站上显示视频。我想检查一下,如果浏览器上有全屏API,请使用mediaelement播放器,否则请使用默认的youtube播放器 我该怎么做呢 我最终选择了一条稍微不同的路线。我使用了wordpress的php浏览器检测插件,并使用了if条件为IE和Opera提供不同的代码。还将包括旧的FF、Chrome和Safari。因此,浏览器功能检测并没有发生,但它暂时起作用 但如果有人能回答如何做到这一点,这对未来的目的来说将是非常棒的。我相信这可以通过a

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


我该怎么做呢

我最终选择了一条稍微不同的路线。我使用了wordpress的php浏览器检测插件,并使用了if条件为IE和Opera提供不同的代码。还将包括旧的FF、Chrome和Safari。因此,浏览器功能检测并没有发生,但它暂时起作用

但如果有人能回答如何做到这一点,这对未来的目的来说将是非常棒的。我相信这可以通过ajax实现。但是,我的具体案例需要更多数据——视频url是wordpress中的一个自定义字段,它通过for循环获取自定义字段中所有视频的列表

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();
}