html5多媒体标签之video标签
来源:互联网 发布:淘宝网童装套装 编辑:程序博客网 时间:2024/05/22 08:03
一,video标签的基本属性
<!-- 什么是video标签 1,格式: <video src=""> </video> 基本属性: src:用于播放视频地址,包括url和本地视频 autoplay:自动播放视频 controls:视频播放控制条(时间显示,进度条,声音等) poster:视频站位图片 loop:循环播放,一般用于小广告播放,一遍一遍的播放(一般只和自动播放属性一起用) preload:预加载视频 muted:静音模式 width:视频播放器的宽度,只设置宽度可以实现等比缩放 height:视频播放器的高度,只设置高度度可以实现等比缩放--><video src="http://jumpjoy3d.9-lin.com/mp4/21003.mp4" preload="auto" controls="controls" poster="btn.png" width="500"></video><!--<video src="http://jumpjoy3d.9-lin.com/mp4/21003.mp4"--> <!--autoplay="autoplay"--> <!--loop="loop">--><!--</video>-->
二,video标签的第二种格式
<!-- 第二种格式: <video> <source src="" type=""> </video> 由于视频数据非常重要的,所以五大浏览器都不愿意使用别人的视频格式。那么w3c为了解决了这个问题,就推出了这种格式。 注意点: 1,其他的属性和第一种格式是一样的 2,虽然通过第二种video格式可以解决大部分浏览器播放不同视频的问题,但是还不能解决过去浏览器播放视频问题,那么以后可以通过js的一个框架叫做html5media来实现--><video> <source src="http://jumpjoy3d.9-lin.com/mp4/21003.mp4" type="video/mp4"> <source src="http://jumpjoy3d.9-lin.com/mp4/21003.ogg" type="video/ogg"> <source src="http://jumpjoy3d.9-lin.com/mp4/21003.webm" type="video/webm"></video>
0 0
- html5多媒体标签之video标签
- html5之video标签
- html5多媒体标签之audio标签
- HTML5教程之video标签的应用
- HTML5学习笔记之video标签
- Web视频播放 之 【HTML5 Video标签】
- html5 video视频标签
- html5标签video
- HTML5视频标签video
- HTML5 video标签使用
- html5中video标签
- html5学习 - video标签
- html5 video标签全屏
- html5的video标签
- html5 video标签
- HTML5的video标签
- HTML5-video、audio标签
- HTML5中<video>标签
- asp.net 使用Ueditor过程中出现的问题及解决办法
- mapReduce大量小文件的优化策略
- OPENSSL库的使用-AES篇
- Spring4.3.x 浅析xml配置的解析过程(6)——解析context命名空间之property-placeholder和property-override标签
- Java之CyclicBarrier使用
- html5多媒体标签之video标签
- mapreduce原理
- Android Studio生成keystore签名文件
- 洛谷 P1417 烹调方案
- TensorFlow--学习笔记
- OPENSSL库的使用-RSA篇
- 流程用例之OmniGraffle
- C# CRC16校验
- 属性动画