【代码片段】HTML5嵌入媒体 (HTML5 Embedded Media)

新的<video>,<audio>标签给开发人员提供方便的嵌入媒体方式,这个日后必定很实用。

<video poster="images/preview.png" width="1280" height="720" controls="controls" preload="none">
    <source src="media/video.mp4" type="video/mp4"></source>
    <source src="media/video.webm" type="video/webm"></source>
    <source src="media/video.ogg" type="video/ogg"></source>
</video>

<audio controls="controls" preload="none">
    <source src="music.ogg" type="audio/ogg">
    <source src="music.mp3" type="audio/mpeg">
</audio>
时间: 2024-10-12 17:36:00

【代码片段】HTML5嵌入媒体 (HTML5 Embedded Media)的相关文章

在网站制作中随时可用的10个 HTML5 代码片段

当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/s

Html5代码片段收集

HTML5 启动模板 当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Untitled</title> 6 <!--[if lt IE 9]> 7 <script src="http://h

十个html5代码片段,超实用,一定要收藏

HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮助你提高开发速度. 一.HTML5 启动模板 当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

CSS的50个代码片段

1.css全局 Html代码   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center

每位设计师都应该拥有的50个CSS代码片段

http://www.oschina.net/translate/css-snippets-for-designers?from=20130613 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 给所有的WEB专业人员. 选择IDE开发环境来存储

每位设计师都应该拥有的50个CSS代码片段(下)

26. 固定宽度的居中布局 1 #page-wrap { 2 width: 800px; 3 margin: 0 auto; 4 } Code Source 我知道之前已经提到过怎样设置水平居中.在这里的代码是完美实现固定宽度的水平居中 . 27. CSS3 文本分列 1 #columns-3 { 2 text-align: justify; 3 -moz-column-count: 3; 4 -moz-column-gap: 12px; 5 -moz-column-rule: 1px soli

非常有用的50个CSS代码片段

原文:50 Useful CSS Snippets Every Designer Should Have 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为

sublime自定义snippet代码片段

相信很多人喜欢sublime编辑工具有两个原因:第一sublime很轻巧方便:第二sublime提供很多自定义拓展功能,包括很简单且和很好用的代码片段功能snippet文件. 今天,在这里就介绍下sublime如何自定义各种代码片段,先来感受一下效果: 上面看到的是我用sublime初始化一个html文件的操作gif,相信这是很多人在新项目必经的步骤.而我里面不同的时,不需要任何复制,只需几秒钟就完成整个初始化的工作,这就是sublime的魅力之一:代码片段snippet. 下面我就拿上面的动画

每位设计师都应该拥有的50个CSS代码片段(上)

面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的. 推荐阅读: 对初学者