HTML youtube视频链接未显示视频，但下载了文件

Question

我正在尝试使用以下代码在HTML页面上加载视频：

<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
     <source :src="data.url">
</video>

我正在使用的来源示例是：http://www.youtube.com/v/qUfzflYqQeE

我获取的网址来自API。

但是，问题是，当页面加载并显示了视频标签时，它只是空白，并且上面粘贴了源代码并试图下载文件。

但是，我不希望发生这种情况，我只想加载视频并播放。

如果有人可以请帮助。

非常感谢。

Answer 1

如果您想使用<video>元素播放视频，则您提供的URL必须指向 video 文件。您没有的URL。它会导致一个HTML文档。

如果您要嵌入YouTube视频，请使用YouTube嵌入代码（该代码使用iframe和YouTube播放器以及YouTube广告）。如果YouTube不获取分析数据并能够显示广告，则YouTube不能托管用于在其他网站上显示的纯视频文件。