使用MediaElementJS弹出窗口全屏

Question

我目前正在尝试通过启动Colorbox弹出来使用MediaElement。视频在灯箱内播放，一切都很好。但是，如果我尝试使用全屏图标，则视频仅填充弹出窗口而不是全屏。我使用colorbox中的inline属性启动弹出窗口，如下所示：

$（“。colorboxInline”）。colorbox（{width：“610px”，height：“395px”，inline：true，href：“＃inlineVid”}）;

任何人都对如何让视频实际全屏显示有任何想法。所有这些都有一个CMS，因此为每个视频构建单独的页面并使用iFrame不是一个好的解决方案。

Answer 1

我能够通过在函数内部构建标记来显示能够在彩色边界之外全屏的视频，就像这样。我还注意到，在视频标签中指定视频大小之前，有一些时髦的全屏行为。

$('a#videotrigger').colorbox({html:function(){
var tag = '<video id="video" controls="controls" preload="none" width="544" height="304"  src="mysrc.mp4" poster="myposter.jpg"></video>';
$('#videocontainer').html(tag);
createMediaElement(true);
}});

然后我将colorbox内联类和href放在我相应的锚标签中[在我的html中。]

我正在使用Drupal模块，而我正在使用MediaElement作为后备，因此周围的标记可能与您的不同。