投稿者youtube playlist idとload playlist idから

私はどのように私はyoutubeプレイリストIDをテキスト入力してそれを提出することができますので、入力からプレイリストIDをロードするページをロードする方法を把握しようとしています。投稿者youtube playlist idとload playlist idから

HTML

<div id="player"></div> 
<input id="myText" type="text"> 
<input type="button" value="Submit" onClick="myFunction()">

Javascriptを

function myFunction() { 
var PID = document.getElementById("myText"); 
var theName = PID.value; 
    } 
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 onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     playerVars: { 
     listType:'playlist', 
     list: 'theName'}, 
     height: '720', 
     width: '1280', 
     videoId: '', 
     events: { 
     'onReady': onPlayerReady} 
    }); 
    } 


function onPlayerReady(event) { 
    event.target.setShuffle(true);//here is the function 
     }

私はそれはIFRAMEをリロード確認する必要がありますが、私は何をすべきか本当にわからないと思っています。私はどのように進めるべきですか？

出典

2016-04-19 Bane89

divの代わりにiframe埋め込みを使用すると、ビデオIDなどのパラメータをより簡単に制御できるようになります。だから私はこれがあなたが探しているものかもしれないと思います：

<body> 
<iframe id="player" width="600" height="400" src="https://www.youtube.com/embed/?wmode=transparent&enablejsapi=1" wmode="Opaque" frameborder="0" allowfullscreen></iframe> 

<input id="myText" type="text"> 
<input type="button" value="Submit" onClick="myFunction()"> 
<script> 
function myFunction() { 
var PID = document.getElementById("myText"); 
var theName = PID.value; 
document.getElementById("player").setAttribute("src", 'https://www.youtube.com/embed/'+theName+'?autoplay=1&wmode=transparent&enablejsapi=1'); 

player.playVideo();; 
    } 
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 onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     playerVars: { 
     listType:'playlist', 
     list: 'theName' 
      }, 
     height: '720', 
     width: '1280', 
     videoId: '', 
     events: { 
     'onReady': onPlayerReady} 
    }); 
    } 


function onPlayerReady(event) { 
    event.target.setShuffle(true);//here is the function 
     } 
     </script>

出典

2016-04-24 19:45:11

投稿者youtube playlist idとload playlist idから

答えて

関連する問題