javascript – 自动全屏幕的Youtube嵌入

概述我有一个嵌入在网页上的Youtube视频。 使用HTML5 iframe with Youtube’s API可以让用户按下播放画面全屏幕吗？ 使用Chromeless播放器不是一个选项，因为该网站是为iPad。 更新2013年11月：这是可能的 – 真正的全屏，不是全窗口，具有以下技术。 @chrisg说，YouTube JS API没有“默认全屏”选项。 >创建自定义播放按钮 >使用YouTu 我有一个嵌入在网页上的Youtube视频。

使用HTML5 iframe with Youtube’s API可以让用户按下播放画面全屏幕吗？

使用chromeless播放器不是一个选项，因为该网站是为iPad。

解决方法 更新2013年11月：这是可能的 – 真正的全屏，不是全窗口，具有以下技术。 @chrisg说，YouTube Js API没有“默认全屏”选项。

>创建自定义播放按钮
>使用YouTube Js API播放视频
>使用HTML5全屏API使元​​素全屏

这是代码。

var $ = document.querySelector.bind(document);// Once the user clicks a custom fullscreen button$(playbuttonClass).addEventListener('click',function(){  // Play vIDeo and go fullscreen  player.playVIDeo();  var playerElement = $(playerWrapperClass);  var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen;  if (requestFullScreen) {    requestFullScreen.bind(playerElement)();  }})

总结

以上是内存溢出为你收集整理的javascript – 自动全屏幕的Youtube嵌入全部内容，希望文章能够帮你解决javascript – 自动全屏幕的Youtube嵌入所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。