javascript - 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。

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

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

如果有人可以请帮助。

非常感谢。

标签： javascripthtmlvue.jsvideoyoutube

Answer 1

如果你想使用一个<video>元素来播放视频，那么你给它的 URL 必须指向一个视频文件。您拥有的网址没有。它导致一个 HTML 文档。

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