html5教程-HTML5一步一步走――多媒体对象(三)

发布时间:2018-12-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5一步一步走――多媒体对象(三)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

<video width="300" height="240" controls="controls">
        <source  src="aa.mp4" type="audio/mp4"/>
        你的浏览器不支持播放。<!--指定浏览器不支持的时候显示的文本-->
</video>


video视频属性:
audio  muted: 是否播放声音

autoplay:  autoplay是否自动播放

src:
url指定视频源的路径

poster:
url加载视频过程中显示的图片

preload:  none/metadata/auto是否预先读取视频内容,或者只读文件信息例如文件名长度等,或者自动加载

controls:  boolean是否显示控制器

loop:  boolean是否循环播放

width:
pixels使用css定义宽度

height:
pixels使用css定义高度

type:
mime-typetype="video/whem; codecs="vorbis,vp8".如果不写,则播放器根据视频属性自动选择。


media属性:这一属性使用css格式化播放输出样式。例如:media="screen and(min=width:800px;)"


作者:shiyuan17

<video width="300" height="240" controls="controls">
        <source  src="aa.mp4" type="audio/mp4"/>
        你的浏览器不支持播放。<!--指定浏览器不支持的时候显示的文本-->
</video>


video视频属性:
audio  muted: 是否播放声音

autoplay:  autoplay是否自动播放

src:
url指定视频源的路径

poster:
url加载视频过程中显示的图片

preload:  none/metadata/auto是否预先读取视频内容,或者只读文件信息例如文件名长度等,或者自动加载

controls:  boolean是否显示控制器

loop:  boolean是否循环播放

width:
pixels使用css定义宽度

height:
pixels使用css定义高度

type:
mime-typetype="video/whem; codecs="vorbis,vp8".如果不写,则播放器根据视频属性自动选择。


media属性:这一属性使用css格式化播放输出样式。例如:media="screen and(min=width:800px;)"


作者:shiyuan17

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-HTML5一步一步走――多媒体对象(三)全部内容,希望文章能够帮你解决html5教程-HTML5一步一步走――多媒体对象(三)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:CSS