Video和Audio标签的使用

Video和audio的应用
video元素定义视频
<video src="movie.ogg" cotrols="cotrols">Video元素</video>
audio元素定义音频
<audio src="someaduio.wav">Audio元素</audio>

属性介绍：

cotrols属性：如果出现该属性，则向用户显示控件，比如播放按钮
autoplay属性：如果出现该属性，则视频在就绪后就马上播放。
loop属性：重复播放属性。
muted属性：静音属性。
poster属性：规定视频正在下载时显示图像，知道用户点击播放按钮。

video：支持的视频格式mp4、ogg、webm

source：定义媒介资源

type属性：定义视频格式

type=“video/mp4”
type="video/ogg"
type="video/webm"

audio支持的音频格式：
mp3、 ogg

source：
type="audio/mpeg"
type="audio/ogg"

video的写法：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 第一种方式 --><video src="huitao/movie.webm" autoplay="autoplay" controls="controls"></video><!-- 第二种方式 --><video autoplay="autoplay" controls="controls"><source type="video/webm" src="huitao/movie.webm"></source></video></body>
</html>

audio的写法：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><audio autoplay="autoplay" controls="controls" loop="loop"><source type="audio/mpeg" src="huitao/jiaohu.mp3"></source></audio></body>
</html>

Video和Audio标签的使用相关推荐

html video拖放设置,HTML5新特性以及video和audio标签和拖放笔记
新特性用于绘画的canvas元素用于媒介回访的video和audio元素对本地离线存储更好的支持新的特殊内容元素 article footer header nav section 新的表单控 ...
video和audio标签
一.video标签作用:播放视频 webm 网页中专用的视频格式 video第一种格式 video标签的属性 src:告诉video标签需要播放的视频地址 autoplay:用于告诉video标签是 ...
关于HTML5的audio标签和video标签删除下载图标
video标签和audio标签在谷歌浏览器上自带下载按钮,当我们不想要下载按钮的时候,可以试一下以下操作第一种方案: 在video或者audio标签上添加controlsList="nod ...
微信android自动播放视频文件,vue-player或TcPlayer在微信内自动播放video和audio
不管是IOS框互理.各近架跳机蓝种近架跳机蓝种近架跳和Android,当video和audio初始src为空,根据点击不同的媒体源(非播放器控件),比如多个章节的视频列表,动态给src赋值并执行pla ...
解决H5视频(video)音频(audio)不兼容IE8的问题
HTML5 <video> <audio> 不兼容低版本IE的问题,找了很多种解决方式,最终找到一种比较简单易操作的. 解决办法是引入html5media 这款插件. 使用ht ...
html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解
video标签作用: 播放视频格式1: 属性 src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要自动播放视频 controls: 告诉video标签是否需 ...
video/audio标签倍速播放
video/audio标签倍速播放在现在浏览器中,各种播放器都支持倍速播放,1.5倍,2.0倍等. playbackRate 属性 html元素"audio"和"vi ...
html video标签 mp3,html5中的video标签和audio标签详解
一.基础 src 音乐资源的路径 autoplay 播放 controls 控制面板 loop 循环播放 muted 初始静音 audio支持的音乐格式有mp3 ogg wav 你的浏览器太辣鸡了,不 ...
12.HTML基础——video标签和audio标签
文章目录 video标签 1.什么是video标签? 2.video标签的属性 2.1 src属性 2.2 autoplay属性 2.3 controls属性 2.4 poster属性 2.5 loo ...

Video和Audio标签的使用

Video和Audio标签的使用相关推荐

最新文章

热门文章