HTML——audio标签和video标签

<video>标签专门用来播放网络上的视频或电影，<audio>标签则专门用来播放网络上的音频数据。使用这两个标签，就不再需要使用其他的任何插件了，只要使用支持 HTML5 的浏览器就可以了。

语法：

<audio src="">

您的浏览器不支持audio标签！

</audio>

<audio autoplay="autoplay" />   //自动播放

<audio controls="controls" />     //提供播放控件

通过这种方法，可以把指定的音频数据直接嵌入网页，其中“ 您的浏览器不支持audio标签！"为在不支持<audio>标签的浏览器中所显示的替代文字。

语法：

<video width="640" height="360" src="">

您的浏览器不支持video标签！

</video>

<audio autoplay="autoplay" />    //自动播放

<audio controls="controls" />    //提供播放控件

还可以通过使用<source>标签来为同一个媒体数据指定多个播放格式与编码方式，以确保浏览器可以从中选择一种自己支持的播放格式进行播放，浏览器的选择顺序为代码中的书写顺序，它会从上往下判断自己对该播放格式是否支持，直到选择到自己支持的播放格式为止。其使用方法如下：

</video>

<source>标签具有以下两个属性

src：是指播放媒体的 URL 地址。

type：表示媒体类型，其属性值为播放文件的 MIME 类型，该属性中的 codecs 参数表示所使用的媒体的编码格式。

<!doctype  html>
<html>
<head><title>多媒体标签</title>
</head><body>
<marquee  direction="right"  behavior="alternate"  scrollamount="15"  scrolldelay="10"  loop="2"    height="100"  bgcolor="ABCDEF" ><font  face="隶书"  color="#0066FF"  size="5">行尽天涯静默山水间，倾听晚风拂柳笛声残</font>
</marquee><video  controls="controls"   src="F:\web_project\demo\故乡.wav">您的浏览器不支持video标签！</video><br><br><video width="640" height="360"  controls="controls" src="G:\视频\德云社2017跨年-郭德纲2017跨年相声-720P.mp4">不支持！
</video><br><br><br><br>
</body>
</html>

HTML——audio标签和video标签相关推荐

audio标签与video标签的常用属性及方法
一.常用的css属性 1.src:用于指明video标签需要播放的音频的地址 --<audio sec = "音频地址"> < ...
关于HTML5的audio标签和video标签删除下载图标
video标签和audio标签在谷歌浏览器上自带下载按钮,当我们不想要下载按钮的时候,可以试一下以下操作第一种方案: 在video或者audio标签上添加controlsList="nod ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
第五节：video标签的特性，你全都掌握了吗？
最近太忙,没及时更新教程,加了私人微信号的同学也问,下一章节讲什么,怎么不更新了,不好意思,让大家久等了. 还有同学反馈:上两章节的篇幅太长了.我也觉得确实有点长了,不适合碎片化时间去阅读.以后我会控 ...
课时53.video标签（掌握）
这节课来学习一下html5中新增的标签,我们先来看一下,html5中新增了哪些标签? 打开W3school的网页,点击参考手册中的HTML/HTML5标签,有一个按字母顺序排列的标签,但凡标签后面带有 ...
html播放mov格式视频,jQuery及video标签视频播放弹窗插件支持mp4,mov等格式详解(图文)...
在做html5做播放视频时,如果是mp4,ogg,webm等视频格式,用h5自带的video标签就可以实现,但苹果的mov格式视频video标签是不支持的. h5实现mp4视频播放:video标签仅支 ...
纯JS Video标签的视频播放、暂停、结束、长度事件 Event 信息
在HTML5后,网站的视频会使用视频标签(video标签)进行播放.以下是该标签的一些事件信息 html <video id="videoDom" controls=&quo ...
video标签学习 xgplayer视频播放器分段播放mp4
文章目录学习链接目标 video标签自带视频和制作的视频区别 video标签的src属性本地视频文件前端代码播放效果服务器视频文件示例1 后端代码前端代码播放效果示例2 后端代码 ...
HTML5 Audio/Video 标签,属性,方法,事件汇总（转）
2019独角兽企业重金招聘Python工程师标准>>> <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放c ...

HTML——audio标签和video标签

HTML——audio标签和video标签相关推荐

最新文章

热门文章