如何使用mediaelement js使我的视频全屏?

时间:2018-03-22 08:37:22

标签: angularjs mediaelement.js mediaelement

我从2.23.4升级到版本4.2.8。它曾经让我通过双击全屏,现在它不会。

角度指令代码:

var videoHtml = '<video class="video-player mejs-ted" poster="' + videoThumb + '" 
  width="100%" height="' + heigth + '" preload="none"><source type="video/youtube" 
  src="' + videoLink + '" /></video>';

player.find('.js-tv-video').html(videoHtml);

angular.element('video').mediaelementplayer({
 success: function (mediaElement, domObject) {
   $(".mejs-time-handle").append("<div class='mejs-time-handle-bar'></div>");
   $('.mejs-layers').remove();
 }
});

HTML:

<div class="js-tv-video"></div>

1 个答案:

答案 0 :(得分:0)

您没有提供用于创建MediaElementJsPlayer的JavaScript代码。

要添加全屏功能,您必须在创建播放器时将“全屏”添加到features属性。请参阅API:https://github.com/mediaelement/mediaelement/blob/master/docs/api.md#mediaelementplayer