如果你还没有一个很好的理由来学习HTML5视频，让我给你一个：Flash移动已经死了。手机是新的黑，很多人说，到2014年，更多的人将他们的移动设备比使用桌面浏览。你知道，如果我们通过2012年当然获得。因此，更多的使用CSS媒体查询和凉爽的编码技巧，你需要准备后影片的方式切换。
现在你可能会问自己，如果很难实现HTML5视频，或者如果它是值得的努力。那么，亲爱的朋友，它比你想象的更容易的方式。
我们今天所看到的几个不同的方法可以实现它，和一些事情，你应该知道的。
<video>标签是如何工作的
HTML5之前，我们使用 <EMBED> 或 <OBJECT>标签，做这个东西。不知道，如果你曾试图得到这个工作的乐趣，但我可以向你保证，它可以造成相当头痛。正如您可能会注意到，他们使用的是外部资源来处理这个内容。外部来源是指插件，他们并不总是与您的默认内容（有多少次你看到了上述内容的Flash横幅广告，它不应该吗？）100％完全兼容。视频标签很简单，你会显示它的来源，它可以使用，如果它不能读取这些来源，它会显示你的另类消息：
1<<视频的宽度=“320 “高=“240 “ 控制“控制“ >
2<源SRC = “movie.mp4” 类型= “video/mp4” />
3<源SRC = “movie.ogg” 型= “视频/ OGG” />
4<源SRC = “movie.webm” 类型= “视频/ WEBM” />
5坏消息，你不能看到惊人的东西在这里。
6</视频>
在这里，您将需要为源。MP4，MP3，。OGG，WEBM。，如果你没有任何这些格式也有很多HTML5视频转换器供您使用。你需要不同的文件类型，因为火狐（3.5 +），歌剧院（10.5）和Chrome（5.0 +）的支持。OGG但Internet Explorer（9.0 +）和Safari浏览器（3.0）的支持MP4。好，那么好事是，你不必问你的用户切换到不同的浏览器才能看到您的内容。您可以使用一些替代品，以确保您的用户看到您的影片。我们将很快得到这些替代品。现在，让我们来看看现在我们如何才能改善这个视频的事情。
漂亮的视频播放器
当然，你不需要依靠视频标签的默认播放器控制。其实，你可以认真做很酷的东西，与你在飞行的视频内容（如应用CSS效果，帆布演奏及），但我们会看到更多有关此很快。下面是一个自定义的视频播放器是如何作出的。Dev.Opera有一个伟大的教程，在此，我们将概述，你可以做几件事情。
如何自定义控件这件事工程
我们的视频加载后，我们将使用jQuery来消除其默认的控制，并追加上我们自己的HTML控件。然后jQuery将控制我们所需要的所有属性，喜欢的readyState（如果正在播放视频），期限（所以我们可以使用一个滑块），currentTime（所以我们可以显示多少时间发挥），和音量控制。做的JS后，你会看到视频监控可以很容易地通过CSS主题和改变，因为它应在首位。好吧，好吧，让我们做聪明的办法，我们有很多的插件来帮助我们在这个过程中。让我们看到了他们夫妇：WordPress的插件- HTML5和Flash视频播放器

有了它你可以轻松地添加视频与闪回退旧FLV的方式，或凉爽的HTML5与简码：[录像机文件=“视频/ video.flv”/]或[录像机文件=“video/vi​​deo.mp4，OGG，WEBM “/]
作出HTML5视频jQuery.VideoBG插件与背景

您可以将视频添加到你的背景，给人一种很酷的样子，确实。
好看的视频播放器ttwVideoPlayer jQuery插件

见过的最好成绩视频播放器之一。它看起来相当不错，而且有很好的特性，。
在一个解决方案jPlayer

看看他们的第一个演示，你会看到，不只是另一个jQuery视频插件。它可以让你提高的默认播放器的行为方式通常用Flash做的，我只能想象。圈的球员是很疯狂，检查，看看我说的是什么！
最后一个很好的参考- Html5video.org

它有很好的见解，有关视频标签，新闻栏目，了解HTML5
本文由易讯网络公司（http://www.etion.cn/html/blog/blogArticle/blogArticle_568_526.html）网站制作分享，欢迎您向我们提出宝贵的意见和建议！成都网站建设与网页设计服务电话：028-81876590，传真：028-81876590，邮箱：etion@etion.cn ，感谢您对易讯网络公司的关注和支持。