使用按需脚本更改播放视频答案

【问题标题】：changing the playing video with on demand script使用按需脚本更改播放视频
【发布时间】：2014-02-10 09:04:07
【问题描述】：

由于某种原因，我博客上的 youtube 视频切换器一旦更改就不会播放视频，这与我用来加快页面加载时间的这个轻量级 youtube 嵌入脚本 http://www.labnol.org/internet/light-youtube-embeds/27941/ 有关。完整的例子在这里http://jsfiddle.net/aw6P9/请帮助我一直在谷歌上搜索这一切da

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>

【问题讨论】：

标签： javascript html iframe youtube

【解决方案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/

【讨论】：