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必须指向视频文件。您拥有的URL没有。它导致HTML文档。

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