使用 Javascript 的 Chromeless 播放器中的全屏选项?

2024-02-23

我正在使用 Youtube Javascript API 来开发 chromeless 播放器。 你能告诉我如何在播放器上使用 Javascript 添加/开发“全屏控制”吗?


YouTube api 中当前不存在此内容。相反,您可以使用 javascript 全屏 api 来提供该功能。详细信息可以在 MDN 上找到。

https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode 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();
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Javascript 的 Chromeless 播放器中的全屏选项? 的相关文章

随机推荐