JavaScript函数交替使用YouTube嵌入源？(不适用)

Question

其意图是单击YouTube视频嵌入代码(不含iframe)按钮生成另一个YouTube视频嵌入代码-以下是我的HTML：

<p><button onClick="philscode()">Click Here!</button></p>
+

<div id="video0"><embed src="https://www.youtube.com/v/dP_ZPEMrJxY" wmode="transparent" type="application/x-shockwave-flash" width="200px" height="140px" allowfullscreen="true"></div>

我基本上需要嵌入式YouTube视频(上面)被另一个YouTube视频所取代。我也不想使用jQuery。下面是我目前拥有的JavaScript：

<script>


    var embedcodes = ["https://www.youtube.com/watch?v=0vxq6K6yLm0"];


    function philscode() 
    {document.getElementById("video0").innerHTML = embedcodes [0];

</script>

Answer 1

这里是一个演示http://embed.plnkr.co/phmNaQD2JQa4RH8ITK0I

 <script>
        var embedcodes = ["http://www.youtube.com/v/XGSy3_Czz8k"];
        function philscode()
        {
            var el =   document.getElementById("video0Embed");
            var clone=el.cloneNode(true);
            clone.setAttribute('src', embedcodes [0]);
            el .parentNode.replaceChild(clone,el );
        }
    </script>
    <p><button onClick="philscode()">Click Here!</button></p>
    <div id="video0">
        <embed width="420" height="315" id="video0Embed"
               src="https://www.youtube.com/v/dP_ZPEMrJxY">
    </div>