Question

我正在努力使用JavaScript在 html canvas 元素上播放嵌入youtube网址。

我尝试的示例代码

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>

以上代码对我不起作用。

Answer 1

由于您使用的是YouTube视频。为什么不使用Youtube Api。You tube api。这个api很清楚并且效果很好。问题中指定的网址将导致iframe不是视频.Ad api alos提供了很多自定义选项。< / p>

如何玩使用javascript在HTML canvas元素上嵌入youtube url

1 个答案: