もともと別々のHTMLファイルに記述していたyoutubeAPIのJavascriptですが、
1つのHTMLファイルの中に二つ入れたいのです。
現状のコードです。
後ろに記述した音ありの方しか反映されていないようです。
<!--youtube API--> <script src="https://www.youtube.com/iframe_api"></script> <script type="text/javascript"> //音なし function onYouTubeIframeAPIReady() { ytPlayer = new YT.Player( 'player-mute', // 埋め込む場所の指定 { videoId: 'ID', // YouTubeのID playerVars: { loop: 1,//0:ループしない 1:ループする 1の場合playlist設定必須 playlist: 'ID',//次に流すYoutubeのID controls: 1,//コントローラあり autoplay: 1,//オートプレイ rel : 0, // 関連動画非表示 showinfo: 0//動画タイトルなど表示しない }, events: { 'onReady': onPlayerReady } } ); } //プレイ準備完了後 function onPlayerReady(event) { event.target.playVideo(); event.target.mute(); } //音あり function onYouTubeIframeAPIReady() { ytPlayer = new YT.Player( 'player-unmute', // 埋め込む場所の指定 { videoId: 'iD', // YouTubeのID playerVars: { loop: 1,//0:ループしない 1:ループする 1の場合playlist設定必須 playlist: 'ID',//次に流すYoutubeのID controls: 1,//コントローラあり autoplay: 1,//オートプレイ rel : 0, // 関連動画非表示 showinfo: 0//動画タイトルなど表示しない }, events: { 'onReady': onPlayerReady } } ); } //プレイ準備完了後 function onPlayerReady(event) { event.target.playVideo(); // event.target.mute(); } </script>
どうぞよろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/13 06:44