使用 Youtube Javascript API; 有没有办法在点击“播放”按钮时让视频全屏播放?
我知道一种制作 video container full screen 的方法但这仅适用于最新版本的 Firefox 和 Chrome。
如果无法通过 Youtube Javascript API 执行此操作,您是否知道一种跨浏览器方式,我可以在点击播放时让 YouTube 视频全屏显示?
这是在最新版本的 Firefox 和 Chrome 浏览器上单击播放时如何使视频全屏显示的方法:
function onPlayerStateChange(event) {
var player = document.getElementById("MSJbUEj7U7M");
if (event.data != YT.PlayerState.BUFFERING && event.data != YT.PlayerState.CUED && event.data != YT.PlayerState.PLAYING)
return -1;
if (player.requestFullScreen) {
console.log("1()");
player.requestFullScreen();
}
else if (player.mozRequestFullScreen) {
console.log("2()");
player.mozRequestFullScreen();
}
else if (player.webkitRequestFullScreen) {
console.log("3()");
player.webkitRequestFullScreen();
}
}
function loadYouTubeVideo(uid) {
setTimeout( function() {
var id = uid;
var instPlayer = new YT.Player(id, {
height: '480',
width: '853',
enablejsapi: 1,
suggestedQuality: 'highres',
videoId: uid,
events: {
'onStateChange': onPlayerStateChange
}
});
}, 500);
}
</script>
最佳答案
除非用户单击全屏,否则您无法执行此操作。
https://groups.google.com/forum/#!msg/youtube-api-gdata/Tyv3vTw0RQk/449KahYVNFYJ
关于javascript - 正在播放 : Make Youtube Video Full Screen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17286787/