iFrame で小さなシステム/一連のビデオ (正確には 3 つ) を開発しました。メイン インデックス ページが読み込まれ、ユーザーが動画 (その iFrame 内) の [再生] ボタンをクリックすると、その動画が再生され、自動再生される別の動画 (別の .html ファイル内) にリダイレクトされます。それが終わると、自動再生される別のビデオにリダイレクトされます。その後、すべてが完了します。不格好なのはわかっていますが、それが必要なことです。
私の問題は次のとおりです。ユーザーが最初のビデオをフルスクリーン表示し (必要に応じて)、ビデオ間の移行全体でそのフルスクリーンの「ステータス」を保持できるようにしたいと考えています。
Webkit ブラウザーの場合、その iFrame 内のビデオのフルスクリーン「モード」が機能します。そのために、iFrame で次のコード スニペットを使用しています。
allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">
そのため、フルスクリーン モードは機能しますが、ビデオが次の画面に切り替わったときに、そのフルスクリーン ステータスが保持されないだけです。それは理にかなっている。
ユーザーがビデオをフルスクリーンで表示していることを検出し、シリーズの次のビデオがロードされたときに自動的にフルスクリーンに設定する方法を探しています。
以下は、各「ビデオ ページ」(iFrame に入る) のマークアップがどのように見えるかです。video2.html と video3.html の唯一の違いは、幅属性の下に autostart:true があることです。
<html>
<head>
<script src="http://jwpsrv.com/library/5Tx9ZN23EeKCNxIxOQulpA.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="videobox">
<div id="container">This'll be the player</div>
<script type="text/javascript">
jwplayer("container").setup({
file:"video/open-title-final.mp4",
height:480,
width:640,
events:{
onComplete: function() {
window.location = "video2.html";
}
},
});
</script>
</div><!-- /videobox -->
</body>
</html>
繰り返しになりますが、ユーザーがフルスクリーン モードをアクティブにしたことを検出して、シリーズの次のビデオが最初にフルスクリーン モードをアクティブにするように自動的に設定できるようにする方法を探しています。これは可能ですか？
前もって感謝します。