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/

使用随需应变脚本更改播放视频

1 个答案: