嵌入網頁上的YouTube視頻使用javascript

-1

我試圖通過JavaScript屬性嵌入我的頁面上的視頻：嵌入網頁上的YouTube視頻使用javascript

value: "<iframe title='YouTube video player' type=\"text/html\" width='640' height='390 src='http://www.youtube.com/embed/W-Q7RMpINVo'frameborder='0' allowFullScreen></iframe>"

但是，當我在瀏覽器中顯示該值顯示，而不是文本YouTube視頻：

enter image description here

來源

2014-02-27 blue-sky

你怎麼這個屬性/值添加到HTML文檔？ – Flixer

需要看到更多的代碼..看起來像你缺少一個腳本標籤或類似的東西.. –

我不能幫助，但想知道你爲什麼這樣做？ – Alex

您可以使用在這裏共享兩個選項：

使用document.write：

var obj = {"video": { 
    "value": "<iframe title='YouTube video player' type=\"text/html\" width='640' height='390' src='http://www.youtube.com/embed/W-Q7RMpINVo' frameborder='0' allowFullScreen></iframe>" 
}} 
document.write(obj.video.value);

DEMO

div的使用和使用jQuery追加HTML：

var obj = {"video": { 
"value": "<iframe title='YouTube video player' type=\"text/html\" width='640' 
height='390' src='http://www.youtube.com/embed/W-Q7RMpINVo' frameborder='0' 
allowFullScreen></iframe>" 
}} 

$("#test").html(obj.video.value); 


<div id="test"></div>

DEMO

來源

2014-02-27 11:16:35 Unknown

這個工作對我來說：

<script> 
    document.write("<iframe title='YouTube video player' type=\"text/html\" width='640' height='390' src='http://www.youtube.com/embed/W-Q7RMpINVo'frameborder='0' allowFullScreen></iframe>"; 
</script>

Btw .:在height='390之後錯過了' caracter。

來源

2014-02-27 11:03:14 Werner

使用div標籤id說panel。

然後使用jQuery這樣追加這個值：$('div#panel').html('[obj.value]');。

來源

2014-02-27 11:07:33 Guruprasad

如果您有頁面的特定部分，您可以通過id或class ... id添加最簡單的...例如，在一個div中插入與頭的ID：

<script> 
    document.getElementById('header').innerHTML = "<iframe title='YouTube video player' type=\'text/html\' width='640' height='390' src='http://www.youtube.com/embed/W-Q7RMpINVo' frameborder='0' allowFullScreen></iframe>" 
</script>

來源

2014-02-27 11:10:44

嵌入網頁上的YouTube視頻使用javascript

回答

相關問題