0
点赞
收藏
分享

微信扫一扫

HTML5音视频

君心浅语 2022-05-01 阅读 37

文章目录

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>
属性描述
autoplayautoplay若出现该属性,则音频在就绪后马上播放。
controlscontrols若出现该属性,则向用户显示音频控件(如播放/暂停按钮)。
looploop若出现该属性,则每当音频结束时重新播放。
mutedmuted若出现该属性,则音频输出为静音。
preloadauto
metadata
none
规定当网站加载时,音频是否默认被加载以及何时被加载。
srcurl规定音频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>元素的浏览器计科院显示出该标签的信息。

属性描述
autoplayautoplay若出现该属性,则视频在就绪后马上播放
controlscontrols若出现该属性,则向用户显示控件,如播放按钮
heightpx设置视频播放器高度
looploop若出现该属性,则当媒介文件完成播放后再次开始播放
mutedmuted若出现该属性,则视频的音频输出为静音
posterurl规定视频正在下载时显示的图像,直到用户点击播放按钮
preloadauto
metadata
none
若出现该属性,则视频在页面加载时加载,并且预备播放。如果使用autoplay则忽略该属性。
srcurl要播放的视频的url
widthpx设置视频播放器的宽度
举报

相关推荐

0 条评论