热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html5篇——音频/视频

这一篇介绍html5中音频和视频媒体播放元素。以前我们要在网页上显示音频和视频,都是借助的插件(比如flash),现在html5推出了<audio>和<video>

这一篇介绍html5中音频和视频媒体播放元素。
以前我们要在网页上显示音频和视频,都是借助的插件(比如flash),现在html5推出了

音频

音频在html5用

你的浏览器不支持vedio元素

视频属性介绍

src: 指向视频文件的URL地址。

controls: 显示内置的播放空间,通常包括播放、暂停、定位以及音量。

poster: 规定视频下载时,或者在用户点击播放按钮钱以及视频不可用时显示的图像。如果设置该属性,则使用视频的第一帧来代替。

loop:  重复播放视频,直到按下控件上的暂停按钮或者从脚本调用pause方法。

muted: 设置或返回视频是否应该被静音(关闭声音)。

autoplay: 设置播放器缓冲足够多的内容之后是否开始自动播放视频。

preload: 定义需要多少缓冲,与音频一样.

height: 设置视频播放器的高度(以像素为单位)。

width: 设置视频播放器的宽度(以像素为单位)。

当前

mp4: 带有H.264视频编码和AAC音频编码的MPEG4文件。

WebM: 带有VP8视频编码和Vorbis音频编码的WenM文件。

ogg: 带有Theora视频编码和Vorbis音频编码的Ogg文件。


视频格式的MIME类型

MP4:

MIME-type: video/mp4

WebM:

MIME-type: video/webm

ogg:

MIME-type:video/ogg

视频格式浏览器支持情况

MP4: IE9及以上/chrome/firefox/safari/opera

WebM: chrome/firefox/opera

ogg: chrome/firefox/opera

多个视频处理

同音频一样,各个浏览器对视频格式的支持也不一样,所以我们需要写多个格式的视频文件,以便兼容,如下:



推荐阅读
author-avatar
情商是你弟
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有