Html 视频支持不同的视频 src 类型答案

【问题标题】：Html video support different video src typeHtml 视频支持不同的视频 src 类型
【发布时间】：2019-09-24 11:02:54
【问题描述】：

我在这里使用视频我想嵌入标签支持 youtube 或 Vimeo 视频的这两种类型，但它仅适用于 youtube 视频而不适用于 Vimeo。有没有其他格式可以写，任何人都可以向我建议正确的方向。

<embed width="600" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">

我曾尝试过这样的<embed width="800" height="500" src="https://www.youtube.com/embed/tgbNymZ7vqY">，当我用 vimeo 链接https://vimeo.com/47041550 替换它时它工作正常，它不起作用。

【问题讨论】：

展示你的尝试，解释究竟是什么不工作！（我刚刚在您的 embed 元素中尝试了 Vimeo 视频的嵌入代码中的 URL，并且 运行良好。另外，请解释您为什么要使用嵌入而不是 iframe？
@04FS 当我尝试使用嵌入标签的 vimeo 时，它不起作用，您可以发布代码的 sn-p 吗
显示你尝试了什么。该信息首先属于一个适当的问题；你不只是说东西不工作，而不是一开始就说明你到底做了什么。
@04FS 我更新了我的问题，检查一下。
对于 YouTube 视频，您使用了他们提供的实际嵌入 URL - 而对于 Vimeo，您只是尝试将包含视频的完整 Vimeo 页面放入嵌入元素。所以，解决方案很简单：去获取 Vimeo 视频的实际嵌入 URL ...

标签： javascript css video html5-video

【解决方案1】：

您可以尝试使用 iframe。

YouTube

https://www.youtube.com/embed/{youtube-id}' frameborder = '0' 允许全屏 >

Vimeo

https://player.vimeo.com/video/{video-id}' frameborder = '0' 允许全屏>

【讨论】：

【解决方案2】：

像这样在 iframe 中尝试：

<iframe src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

只需要你想要的css设置

【讨论】：

不使用 iframe

【解决方案3】：

在 vimeo 中有一个分享按钮。当你点击它时，你会得到视频的嵌入代码

<iframe src="https://player.vimeo.com/video/76995667?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> <p><a href="https://vimeo.com/76995667">pitch videos</a> from <a href="https://vimeo.com/user888285">tony benna</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

类似地，在 YouTube 中，有一个分享按钮，您可以在其中获取嵌入代码

【讨论】：