使用Javascript的Chromeless播放器中的全屏选项？ [英] Full Screen Option in Chromeless player using Javascript?

问题描述

我正在使用Youtube Javascript API来开发无边框播放器。
你能告诉我如何在播放器上使用Javascript添加/开发全屏控制吗？

I am using Youtube Javascript API to develop chromeless player. Can you tell me How to Add / Develop "Full Screen Control" using Javascript on player ?

推荐答案

这不是YouTube api中目前存在的内容。相反，您可以使用javascript全屏api来提供功能。详细信息可以在MDN上找到。

This is not something that currently exists in the YouTube api. Instead you can use the javascript fullscreen api to provide the functionality. Details can be found on MDN here.

https ：//developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode

代码示例看起来像这样

var player = new YT.player('#my-video');
// Once the user clicks a custom fullscreen button
var el = document.getElementById('#my-player-element-container');
if (el.requestFullScreen) {
  el.requestFullScreen();
} else if (el.mozRequestFullScreen) {
  el.mozRequestFullScreen();
} else if (el.webkitRequestFullScreen) {
  el.webkitRequestFullScreen();
}

这篇关于使用Javascript的Chromeless播放器中的全屏选项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！