サイドリストトレイ付きの埋め込みYouTubeプレイリスト

Question

私はyoutube埋め込みプレイリストの機能をjavascriptで使っています。私はプレイリストを埋め込む際

は、これまでのところ、それは次のようになります。

http://postimage.org/image/vk6fv56yx/

青い円は、プレイリスト内の項目の数を示しており、クリックするとサムネイルが表示されます。

ビデオの再生が開始このように、表示するには、リストのためのプレイボタンをクリックしnecesaryです：

http://postimage.org/image/ezzxpy7pn/

しかし、私はそれはユーチューブのページに示しますようにプレイヤーが表示したい、などのこの：

http://postimage.org/image/4suta8kuh/

今、これは使用してコードイムです：

<script> 
    // Load the IFrame Player API code asynchronously. 
    var tag = document.createElement('script'); 
    tag.src = "https://www.youtube.com/player_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    // Replace the 'ytplayer' element with an <iframe> and 
    // YouTube player after the API code downloads. 
    var player; 
    function onYouTubePlayerAPIReady() { 
    player = new YT.Player('ytplayer', { 
     height: '390', 
     width: '640', 
     videoId: 'n2ISkJZC6DI', 
     playerVars: { 
        listType:'playlist', 
        list: 'PL546E6163151751EE' 
       }, 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 

    function onPlayerReady(){ 
    alert('player ready'); 
    } 

    function onPlayerStateChange(){ 
    alert('player changed'); 
    } 

</script> 

素晴らしいです！プレイリストトレイの表示を変更する方法があるかどうかを知りたかったのです。あなたの助けの人々のための

どうもありがとう:)

Answer 1

あなたはその外観を実現するためにユーチューブの埋め込みプレーヤーのフラッシュバージョンを使用することができます。ただし、トレイは左側に配置されています。

<iframe width='500' height='294' src="https://www.youtube.com/v/videoseries?list=PL546E6163151751EE"></iframe>