HTML youtube 视频 link 不显示视频但下载文件

HTML youtube video link not showing video but downloads file

我正在尝试使用以下代码在我的 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

我得到的 url 来自 API。

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

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

如果有人可以帮助。

非常感谢。

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

如果您想嵌入 YouTube 视频,请使用 YouTube 嵌入代码(它使用 iframe 和 YouTube 播放器以及 YouTube 广告)。 YouTube 不负责在没有 YouTube 获取分析数据和展示广告的情况下托管纯视频文件以在其他网站上显示。