如何發揮在HTML canvas上嵌入YouTube網址使用javascript的元素

我正在努力如何播放嵌入的YouTube網址在使用JavaScript的html canvas元素。如何發揮在HTML canvas上嵌入YouTube網址使用javascript的元素

示例代碼，我試過

videoAsset = document.createElement("video"); 
youtube = document.createElement("source"); 
youtube.src = "https://www.youtube.com/watch?v=nOEw9iiopwI"; 
youtube.type = "video/youtube"; 
videoAsset.appendChild(youtube);

或

<canvas id=c></canvas> 
<video id=v controls loop> 
    <source src=https://www.youtube.com/watch?v=nOEw9iiopwI type=video/youtube> 
    <source src=https://www.youtube.com/watch?v=nOEw9iiopwI type=video/youtube>   
</video>

上面的代碼並沒有爲我工作。

來源

2017-03-18 manjunath dr

由於它們不能直接訪問帶框文檔，因此您被卡住了。除非您正在編寫瀏覽器的擴展程序，這可能會讓您訪問更強大的API，從而允許您訪問框架化文檔和graal視頻元素。 – Kaiido

由於您使用的是YouTube視頻。你爲什麼不使用Youtube Api。 You tube api。這個api很清晰，效果很好。問題中指定的網址大多會導致iframe而不是視頻.Ad Api alos提供了很多自定義選項。

來源

2017-03-18 07:06:33 saiyan

感謝您的迴應，但我正在尋找純JavaScript/jQuery。我不想使用任何youtube API或JavaScript iframe。 –

這可能沒有YouTube的API/IFRAME？ –

如果您使用YouTube上託管的視頻，您不必「選擇」，而是使用Api或嵌入腳本，該腳本存在於youtube視頻的正下方。 – saiyan

如何發揮在HTML canvas上嵌入YouTube網址使用javascript的元素

回答

相關問題