使用javascript將視頻添加到div

我試圖在點擊鏈接後使用javascript將視頻添加到div。這是我的一些代碼，我不知道如果我這樣做是正確的，因爲我從來沒有使用之前的JavaScript視頻：使用javascript將視頻添加到div

    var vid = document.createElement("source"); 
        vid.src="youtube link"; 
        vid.type="application/x-shock wave-flash"; 
        vid.style.width = "330px"; 
        vid.style.height = "200px"; 
       var x = document.getElementById('bottom'); 
        x.appendChild(vid); 

        <div id="bottom"></div>

來源

2013-11-29 user3000478

它應該是vid.style.width = 「330」 + PX – MultiplyByZer0

不知道這是否是你的問題。 – MultiplyByZer0

我不認爲這是一個使用YouTube視頻的有效方式，因爲你沒有得到一個實際的視頻鏈接。 YouTube已經看起來像這樣的公開可用的嵌入鏈接：

<iframe width="560" height="315" src="//www.youtube.com/embed/9kd-PoHWah8" frameborder="0" allowfullscreen></iframe>

您可以使用JavaScript來創建此。 Live demo here (click).

var iframe = document.createElement('iframe'); 
iframe.src = 'http://www.youtube.com/embed/9kd-PoHWah8'; 
iframe.width = '560'; 
iframe.height = '315'; 

var bottom = document.getElementById('bottom'); 
bottom.appendChild(iframe);

進一步的信息和更多高級選項參見the iframe api docs here (click)：

來源

2013-11-29 02:02:35 m59

使用javascript將視頻添加到div

回答

相關問題