将视频图像放在HTML上

时间:2015-09-07 04:31:37

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

我正在学习如何在网站上放置视频图像,类似于airbnb.com,zipkick.com,我发现大部分信息需要编码明智,但我想知道的是我在哪里可以找到这样的短视频,无论是价格还是免费(*首选,因为我这样做是为了知识),他们需要采用什么格式以及如何将它们正确地链接到HTML中。

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

3 个答案:

答案 0 :(得分:0)

可以像复制YouTube链接一样简单,并在HTML上嵌入(见下文)。

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

请参阅此演示。

答案 1 :(得分:0)

嗯,我购买短视频的最佳平台是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种主要视频类型,如下所示;

enter image description here

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

答案 2 :(得分:0)

结帐http://www.videvo.net 您可以免费使用这些视频剪辑,但您必须注册。好消息是完全免费的,除了你的电子邮件和名字,他们不会要求任何其他东西!希望这对您的下一个项目有所帮助!

相关问题