HTML5音视频

HTML5

HTML5 Canvas

canvas元素用于在网页上绘制图形。

创建canvas元素

<canvas id="myCanvas" width="200" height="100"></canvas>

<embed>元素

<embed>元素定义HTML文档中的嵌入式对象。

实例：

<embed src=""/>

<embed>元素也可用于HTML中包含HTML：

实例：

<embed width="" height="" src=""/>

HTML音频

（1）使用embed元素

语法：

<embed height="" width="" src=""/>

（2）使用object元素

语法：

<object height="" width="" data=""></object>

（3）使用HTML5 audio元素

语法：

<audio controls="controls" autoplay="autoplay" loop="loop" muted="muted" preload="" src=""></audio>

属性	值	描述
autoplay	autoplay	若出现该属性，则音频在就绪后马上播放。
controls	controls	若出现该属性，则向用户显示音频控件（如播放/暂停按钮）。
loop	loop	若出现该属性，则每当音频结束时重新播放。
muted	muted	若出现该属性，则音频输出为静音。
preload	auto metadata none	规定当网站加载时，音频是否默认被加载以及何时被加载。
src	url	规定音频url

HTML视频

（1）embed标签

语法：

<embed src="" height="" width=""/>

（2）使用object标签

语法：

<object height="" width="" data=""></object>

（3）使用video标签

语法：

<video src="" width="" height="" controls=""></video>

<video>和</video>标签之间可以放置文本内容，这样不支持<video>元素的浏览器计科院显示出该标签的信息。

属性	值	描述
autoplay	autoplay	若出现该属性，则视频在就绪后马上播放
controls	controls	若出现该属性，则向用户显示控件，如播放按钮
height	px	设置视频播放器高度
loop	loop	若出现该属性，则当媒介文件完成播放后再次开始播放
muted	muted	若出现该属性，则视频的音频输出为静音
poster	url	规定视频正在下载时显示的图像，直到用户点击播放按钮
preload	auto metadata none	若出现该属性，则视频在页面加载时加载，并且预备播放。如果使用autoplay则忽略该属性。
src	url	要播放的视频的url
width	px	设置视频播放器的宽度