Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用按需脚本更改播放视频_Javascript_Html_Iframe_Youtube - Fatal编程技术网

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

Javascript 使用按需脚本更改播放视频,javascript,html,iframe,youtube,Javascript,Html,Iframe,Youtube,出于某种原因,我博客上的youtube视频切换器在视频更改后不会播放视频,这与我用来加快页面加载时间的youtube嵌入脚本有关。完整的例子在这里,请帮忙,我一直在谷歌上搜索这个 HTML: <div style='text-align:center'>Select a video to watch: <select onChange="playVideo(this)"><option value="v09">Best of the Web - 2013<

出于某种原因,我博客上的youtube视频切换器在视频更改后不会播放视频,这与我用来加快页面加载时间的youtube嵌入脚本有关。完整的例子在这里,请帮忙,我一直在谷歌上搜索这个

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>
<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>
选择一段视频观看:网络最佳-2013年人人都很棒-2013年JP Auclair Street Segment-All.I.自然现象延时欢迎,你的新Mac-AppleYosemite系列光延时火车站自行车特技@TD70亿人-Nat。我爱整个世界-探索
JS:

<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>
<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>
function playVideo(c){c=document.getElementById(c.value);b=document.getElementById(“视频回放”);b.innerHTML=c.innerHTML};

正如您所见,要获得点播视频,您必须使用外部网站的脚本,通过以下方式调用该脚本:

<script src='//millerext.googlecode.com/svn/youtube' defer></script>
然后将该代码插入交换视频时运行的脚本,即:

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

        /**ondomandcode**/
我将代码添加到您创建的JSFIDLE中: