使用 Youtube Javascript API;单击“播放”按钮时,有没有办法让视频全屏播放?
我知道一种使视频容器全屏显示的方法,但这仅适用于最新版本的 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>