英语

互联网上的设计,创造力和创新奖

杂志 对于设计师和网站开发人员
收藏

20个HTML5视频网站示例和资源

文章作者 阿瓦德网页设计 -

These days embedding 视频 在 a 网站 is very easy, 的<视频>HTML5中的元素与几乎所有当前浏览器版本兼容 (看到 Can I Use 视频),这为我们节省了许多旧的困难。

现在,我们可以实现视频并自定义播放器,而无需第三方软件。 <video>元素非常简单:复杂之处在于浏览器支持,尤其是在旧版本和移动设备中。

<video src="your-video.mov" width="300" height="150"></video>

带来视频HTML5规范的一项创新就是能够弥补缺乏提供带有src属性的源文件的浏览器编解码器的能力,以便浏览器可以选择第一个能够播放的编解码器。

<video id="the-video" preload="" controls="controls" width="640" height="360">
<source src="your-movie_H264.mov">
<source src="your-movie_Ogg.ogv">
<source src="your-movie_WebM.webm">
</video>

资源资源

In order to see 的视频 在 all browsers, we need to have these three 视频 formats .mov, .ogv y .webm. Below you will find two HTML 视频 converters which you can make use of.

简易HTML5视频转换器 米罗视频转换器 转换器