(javascript)Youtube APIを使用して、オーディオとビデオのソースに2つの異なるYouTube動画を使用するプレーヤーを動的に作成できるかどうかを知りたい。言い換えれば、youtube API内で、1つのビデオと別のビデオのオーディオを分離してから、1つのプレーヤ内で一緒にストリームすることは可能ですか?オーディオとビデオのそれぞれに2つの異なるYouTube動画を使用するyoutubeプレーヤー
2
A
答えて
0
オーディオのみのビデオを非表示のDIVに保存し、JS APIを使用してビデオのみのビデオをミュートしながら、両方のビデオを読み込んで再生することで、おそらく偽装することができます。
だから私はこのような何かをしようとするだろう:
は<script type="text/javascript" src="swfobject.js"></script>
<div id="videodiv">
The muted video will go here
</div>
<div id="audiodiv">
the hidden video will go here
</div>
<script type="text/javascript">
var audioplayer;
var videoplayer;
var params = { allowScriptAccess: "always" };
var video_atts = { id: "vidonly" };
var audio_atts = { id: "audonly" };
// embed the video-only player
swfobject.embedSWF("http://www.youtube.com/e/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
"videodiv", "425", "356", "8", null, null, params, atts);
// embed the audio-only player
swfobject.embedSWF("http://www.youtube.com/e/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
"audiodiv", "425", "356", "8", null, null, params, atts);
function onYouTubePlayerReady(playerId) {
audioplayer = document.getElementById("myytplayer");
videoplayer = document.getElementById("myytplayer");
videoplayer.mute();
audioplayer.play();
videoplayer.play();
}
トリックは、それがページに表示されないようにCSSでスタイルaudiodivすることです。最高のコンビネーションを見つけるためにそれを使いこなす必要があるかもしれませんが、その幅と高さを0または1に設定すれば十分だと思います。
また、再生を開始する前に両方の動画が完全に読み込まれていることを確認するには、onYouTubePlayerReady関数を設定する必要があります。
関連する問題
- 1. youtubeビデオからオーディオを取る
- 2. YouTubeプレーヤーAPIリスト(動画あり)
- 3. Youtube HTML5動画プレーヤーFallback Player API(v2)
- 4. それぞれに1つのスタイルシートを持つ2つの異なるレイアウト
- 5. video.js動画プレーヤーはYouTube動画をサポートしていますか?
- 6. さまざまなアカウントの複数の動画のYoutubeプレーヤー
- 7. 動画のないYouTubeプレーヤーを埋め込む
- 8. YouTubeに行くYouTubeプレーヤーのクリック数をカウントする
- 9. 複数のYouTubeプレーヤー
- 10. YouTubeプレーヤーのHTML層
- 11. 複数の動画をYouTubeプレーヤーに埋め込む方法
- 12. YouTubeのAPIを使用してYouTube動画をダウンロードする方法は?
- 13. API Youtube - YouTubeプレイリストに複数の動画を追加する
- 14. YouTube動画が再生されない
- 15. ループでYouTubeプレーヤーのAPIを
- 16. layout_weightを使用しないで2つのLinearLayoutsをそれぞれ画面の50%にする
- 17. YouTube APIとjQueryを使ってYouTubeに動画をアップロードするにはどうすればよいですか?
- 18. YouTubeアプリのように動画プレーヤーの向きを変更する
- 19. ビューページ内でYouTube APIを使用してyoutubeビデオを再生するには?
- 20. youtubeビデオを自動再生する
- 21. YouTube iframeプレーヤー - iOSで全画面表示
- 22. javascriptを使用してyoutubeのビデオ静止画像を取得するには?
- 23. YouTubeとFancyBoxのビデオ機能
- 24. Java、AndroidでYouTubeプレーヤーで少数のビデオを再生するには?
- 25. YouTubeプレーヤーでローカルビデオを再生
- 26. PHP</p> <p>ごとに異なる動画IDのYouTube
- 27. イメージ用ライトボックスとIPADで動作するyoutubeビデオ
- 28. android youtube:私のアプリにYouTube動画を共有しますか?
- 29. SharePointを使用してYouTubeに動画を追加する
- 30. Djangoを使用してテンプレートにYouTube動画を表示する