首页 > web前端 > H5教程 > 正文

HTML5有哪些新特征_html5教程技巧

WBOY
发布: 2016-05-16 15:46:10
原创
1895 人浏览过

一、HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
二、HTML5 视频
1、视频格式

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
  MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
  WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
2、


 *标签规定多媒体资源,可以是多个
3、实例
  (1)
 

复制代码
代码如下:





视频





  效果:


(2)HTML5

   

复制代码
代码如下:





视频






<script><!--若此JS部分写在<head>中,视频将播放错误--><br /> var a = document.getElementById("video");<br /> function clickA() {<br /> if(a.paused) a.play();<br /> else a.pause();<br /> }<br /> function clickBig() {<br /> a.width = ;<br /> a.height = ;<br /> }<br /> function clickSmall() {<br /> a.width = ; <!--此处不能写px,否则会出错,可以写成a.width = +"px";--><br /> a.height = ;<br /> }<br /> </script>

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板