将视频图像放在 HTML 上 [关闭]答案

【问题标题】：Putting Video Image On HTML [closed]将视频图像放在 HTML 上 [关闭]
【发布时间】：2015-12-14 21:54:17
【问题描述】：

我正在学习如何将视频图像放在网站上，类似于 airbnb.com、zipkick.com，我已经找到了我需要明智编码的大部分信息，但我想知道的是我在哪里可以有偿或免费找到这样的短视频（*首选，因为我这样做是为了了解知识），以及它们需要采用什么格式以及如何正确地将它们链接到 HTML。

提前感谢您的帮助，非常感谢。

【问题讨论】：

标签： html css video video-streaming html5-video

【解决方案1】：

嗯，我购买短视频的最佳平台是videohive，您可以使用 HTML5 语义标记 <vide> 元素下载视频并在本地提供，如下所示；

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

或者您可以找到任何 youtube 视频，并将其嵌入 Iframe 并在您的源代码中实现，如下所示；

<iframe width="560" height="315" src="https://www.youtube.com/embed/QVkDds13AwY" frameborder="0" allowfullscreen></iframe>

以下列出了全球浏览器支持的 3 种主要视频类型；

最佳做法是在您的代码中指定所有格式，并在代码块末尾附上一条消息，因此在浏览器无法识别该格式的情况下，它会检查下一个格式，并且接下来，如果不支持任何格式，用户将弹出您在代码块末尾编写的消息...

【讨论】：

我是将
您可以将它单独放在部分中，也可以将它放在 div 中，是的，指定所有 3 种格式，然后在后面的消息...

【解决方案2】：

这可以像复制一个 youtube 链接并在您的 HTML 中嵌入（见下文）一样简单。

<iframe width="560" height="315" src="https://www.youtube.com/embed/QVkDds11GNY" frameborder="0" allowfullscreen></iframe>

查看此演示。

【讨论】：

【解决方案3】：

查看http://www.videvo.net 您可以免费使用这些视频剪辑，但您必须注册。好消息它完全免费，除了您的电子邮件和姓名之外，他们不会要求任何其他内容！希望这对您的下一个项目有所帮助！

【讨论】：