YouTube Chromeless/JavaScript API プレーヤーの全画面ボタン
-
19-09-2019 - |
質問
クロムレスプレーヤーを実装しましたが、これまでのところ、再生、一時停止、ビデオの変更、ミュート、ミュート解除などの必要なコントロールはすべて JavaScript を通じて正常に機能しているようです。次に、JavaScript を介してクロムレス プレーヤーを「全画面」モードに送信する必要があります。
JavaScript API プレーヤーには全画面ボタンが含まれていますが、クロムレス プレーヤーには含まれていません。実際には;クロムレス プレーヤーにはボタンが含まれていないはずです。したがって、JavaScript を介して全画面モードを設定する必要がありますが、そのための文書化された方法が見つかりませんでした。これが可能かどうかについて何か考えはありますか?
参考までに、プレーヤーを埋め込むために SWFObject を使用しています。
参考文献:
解決
player.setSize(:番号、高さ:幅数)がありますがthat.Iを使用object.Haveプレイヤーの方法は私のために働いているのActionScriptかかわらずとのsetSizeを使用しています。
。のドキュメントを見てみます
「あなたは埋め込みコードで含む要素は、その高さと幅のプロパティを変更したときに自動的にサイズが変更されますプレーヤーとしてJavaScriptでこの方法を使用する必要はありません。」
私はjavascriptの専門家ではないが、私は示唆している...あなたはdivタグにプレーヤーを置くことができます
そして、の「フルスクリーン」ボタンをクリックするか、「100%」にそのdiv要素のサイズをリセットアイコンと私はプレイヤーが自動的にそのサイズに増加することになると思います。
この情報がお役に立てば幸いです。
他のヒント
で ウェブキット (Chrome 15 以降、Safari 5.1 以降)、お試しください element.webkitRequestFullScreen()
そして element.webkitCancelFullScreen()
ここで、「element」はプレイヤー オブジェクトです。
で ヤモリ (Firefox 10.0 以降)、チェックアウトしてください element.mozRequestFullScreen()
そして element.mozCancelFullScreen()
.
Webkit メソッドが機能するかどうかは、次の質問によって判断できます。
supportsFullscreen: function () {
return !(typeof document.webkitIsFullScreen == "undefined")
}
フラッシュ自体は、JavaScriptのAPIを介してフルスクリーンをサポートしていません。それは、Flashムービー自体上にあるユーザーのクリックを必要とします。
上記含むdivの100%を作り、その後、requestFullScreenブラウザAPIを使用してのの提案は、あなたの最善の策です。それは何にVideo.js を行います。