Wordpressで作成したサイトにYoutube動画を埋め込んでいます。
その際に、iframe_apiを使用しようと思っています。(ミュート再生させたいため)
ただ、videoIDをphpにて呼び出しているためか、うまくいきません。
コードを下記のようにしていると、どうやら<?php echo $movie_id;?>の部分がおかしいようで、動画エラーとなってしまいます。
申し訳ないのですが、javascriptやphpの知識があまりありません。。
書き方を変えればうまくいくのでしょうか??
アドバイス頂けますと幸いです。
記述したコード
<script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '200', width: '360', videoId:"<?php echo $movie_id;?>", wmode: 'transparent', playerVars:{ 'loop': '1', 'playlist':"<?php echo $movie_id2;?>", 'rel': '0', 'showinfo': '0', 'color': 'white', 'autoplay': '1', }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { event.target.playVideo(); event.target.mute(); } function onPlayerStateChange(event) { } </script>
*追記*
「ソースを表示」したコード。
php部分は空白になっていて、うまく取得できていないようです。。
<script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '200', width: '360', videoId:'', wmode: 'transparent', playerVars:{ 'loop': '1', 'playlist':'', 'rel': '0', 'showinfo': '0', 'color': 'white', 'autoplay': '1', }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { event.target.playVideo(); event.target.mute(); } function onPlayerStateChange(event) { } </script>
生成部分のコード?がよくわからないですが、こんなコードがページ上にあります。
プラグインとかいろいろ使っているみたいなので不足してましたらすみません。。
Wordpressで入力したyoutubeのID名が、$movie_idとなっている?ようです。
ちなみに、script内ではなく、他の箇所に<?php echo $movie_id;?>と書くとちゃんとIDが表示されます。
$movie_id = get_option('movie_id'); $movie_id2 = get_option('movie_id2');
回答1件
あなたの回答
tips
プレビュー