jQuery和CSS 3定制HTML 5视频播放器

原文发表在:http://tech.it168.com/a2012/0426/1342/000001342700_all.shtml
为本人编译作品,请忽转载


目前,随着越来越多的浏览器开始支持更多的HTML5新特性,开发者也逐渐关注HTML5的开发。在众多HTML5的新特性中,视频方面的新特性是很值得开发者和用户关注的。现在,只需要有支持HTML5的浏览器,不需要FLASH或其他插件,都可以轻松的观看视频了。然而,由于各浏览器在对HTML5的支持上,会有少许的差异,因此为了有更好的兼容性,需要进行定制开发,这样才能更兼顾各类的浏览器。在本文中,将介绍如何使用jQuery 和CSS3定制一个适合各浏览器观看的视频播放器。

  本文的DEMO可以在这个地址观看到(http://www.inwebson.com/demo/html5-video/demo1/),相关代码在(http://demo.inwebson.com/download/html5-video.zip)可以下载。

HTML5 Video标签基础

  先来学习下HTML 5 Video标签的基本用法,先看如下的例子代码:



  在HTML5中,视频标签只需要添加

你可能感兴趣的:(ajax/web相关)