将视频图像放在 HTML

Question

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

在此先感谢您的帮助，非常感谢。

Answer 1

它可以像复制 youtube link 并嵌入（见下文）到您的 HTML 一样简单。

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

查看此演示。

Answer 2

好吧，我接触过的购买短视频的最佳平台是 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种；

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

Answer 3

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

将视频图像放在 HTML

Putting Video Image On HTML

html

css

video

video-streaming

html5-video