javascript - 使用按需脚本更改正在播放的视频

Question

由于某些原因，更改博客后，我的博客上的youtube视频切换器将无法播放视频，这与youtube嵌入脚本http://www.labnol.org/internet/light-youtube-embeds/27941/的作用有关，我正在使用它来加快页面加载时间。完整的示例在这里http://jsfiddle.net/aw6P9/请帮助我一直在搜索所有

HTML:

<div style='text-align:center'>Select a video to watch: <select onChange="playVideo(this)"><option value="v09">Best of the Web - 2013</option><option value="v01">People are Awesome - 2013</option><option value="v08">JP Auclair Street Segment - All.I.Can</option><option value="v07">Natural Phenomena time lapse</option><option value="v06">Welcome, your new Mac - Apple</option><option value="v05">Yosemite Range of Light time lapse</option><option value="v04">Train Yard bike stunts @ TD</option><option value="v03">7 Billion People - Nat. Geo.</option><option value="v02">I love the Whole World - Discovery</option></select><div id='videoPlayback'><div class="videoWrapper"><div class="youtube" id="1-8isxa5B_Y" style="width:671px;height:402px;"></div></div></div>

JS:

<script type='text/javascript'>function playVideo(c){c=document.getElementById(c.value);b=document.getElementById("videoPlayback");b.innerHTML=c.innerHTML};</script><script src='//millerext.googlecode.com/svn/youtube' defer></script>

Answer 1

如您所见，要获取点播视频，您必须使用来自外部站点的脚本，您可以通过以下方式调用该脚本:

<script src='//millerext.googlecode.com/svn/youtube' defer></script>

问题在于该代码段仅在页面加载时运行一次，因此当您切换视频时将不再运行。因此，要解决此问题，您只需获取以下脚本的代码即可:

http://ctrlq.org/code/19452-embed-youtube-with-javascript

然后将该代码插入交换视频时运行的脚本中，即:

function playVideo(a) {
        a = document.getElementById(a.value);
        b = document.getElementById("videoPlayback");
        b.innerHTML = a.innerHTML;  

        /**ondomandcode**/

我将代码添加到您创建的jsfiddle中:
http://jsfiddle.net/aw6P9/1/