5
Youtube Javascript APIを使用する。 「再生」ボタンをクリックしたときにビデオをフルスクリーンで再生する方法はありますか?再生中:Youtube Videoフルスクリーンを作成する
私は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>
I君埋め込み動画のURLに同じように、自動的にビデオに、ブラウザウィンドウの完全な幅と高さを開きます。例えば - > "http://www.youtube.com/embed/om8invGWkeo" –