如何使用 mediaelement js 使我的视频全屏显示？答案

【问题标题】：How can I make my video fullscreen with mediaelement js?如何使用 mediaelement js 使我的视频全屏显示？
【发布时间】：2018-03-22 08:37:21
【问题描述】：

我从 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>

【问题讨论】：

标签： angularjs mediaelement.js mediaelement

【解决方案1】：

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

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

【讨论】：