全屏显示时如何自定义html5视频

时间:2019-01-24 10:03:20

标签: html5 video

最近,我想在html5上自定义播放器的控制栏(添加两个按钮,字幕和音频)。

当视频较小时,我可以对其进行修改。但我不知道在全屏播放时如何修改视频。

这是我的JS

  onControlFullscreen: function ()
  {       
   var elem = document.getElementById('video');
   if (elem.requestFullscreen) {
     elem.requestFullscreen();
   } else if (elem.mozRequestFullScreen) { /* Firefox */
     elem.mozRequestFullScreen();
   } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
     elem.webkitRequestFullscreen();
   } else if (elem.msRequestFullscreen) { /* IE/Edge */
     elem.msRequestFullscreen();
   }
  },

谢谢。

0 个答案:

没有答案