美文网首页
笔记——audio和video标签

笔记——audio和video标签

作者: 张晓懒_ | 来源:发表于2017-10-12 21:08 被阅读0次

html5提供了audio和video标签,用来播放音频和视频

通用的属性

src:要播放文件的url

autoplay:是否自动播放:设置这个属性后,默认为播放状态

loop:循环播放,播放完在从头播放

controls:向用户展示控件

muted:静音,设置该属性为静音状态

preload:在页面渲染的时候,就开始加载音/视频,当点击播放时,直接播放,如果设置了autoplay属性,则该属性被忽略

通用方法:

load():重新加载音/视频

play():开始播放

pause():暂停播放

muted:设置或返回是否静音,true为静音,false为非静音

volumn:设置或返回音量,设置值为0到1之间

duration:返回音/视频的总时长

currentTime:设置或返回当前音/视频的播放时间,单位是s;

video的自有方法:

width:设置宽度

height:设置高度

poster:规定视频下载是显示的图像(用户点击播放按钮前显示的图片)

解决浏览器不支持的格式问题

准备几种格式的视频,写一个video标签,在标签内用source标签来分别记载不同格式的视频,当浏览器运行时则会加载他支持的格式

代码如下:

相关文章

  • 笔记——audio和video标签

    html5提供了audio和video标签,用来播放音频和视频 通用的属性 src:要播放文件的url autop...

  • PHP从入门到精通,035第三章HTML5+CSS3——HTML

    七、details、summary、mark标签 八、多媒体标签audio和video (一)、audio (二)...

  • HTML5新增的多媒体标签

    这两个标签分别是 video 和 audio audio音频标签 video视频标签 由于受到不同浏览器支持视频文...

  • audio标签的作用

    audio标签?作用: 播放音频 格式:1. 2. 注意点:audio标签的使用和video标签的使用基本一样, ...

  • audio标签

    1.什么是audio标签? 作用: 播放音频 格式: 注意点: audio标签的使用和video标签的使用基本一样...

  • 关于HTML5的audio标签和video标签删除下载图标

    关于HTML5的audio标签和video标签删除下载图标 - a+b!=c - 博客园 设置css video:...

  • video/audio标签

    1.什么是video标签? 作用:用来播放视频 格式: --1. --2. -第二种方式是为了兼容浏览器 s...

  • audio、video和canvas

    一、video和audio元素的属性、方法、事件 1.标签 :视频标签 :音频标签 2.属性: src :...

  • 2.3多媒体播放

    2.3.1两个新增的元素video、audio 与图片标签相同,video、audio均可使用src属性, 另外新...

  • 移动端----au

    在我们的移动端,如果,我们需要播放audio(音频)和video(视频),是要借助html新增的标签,audio和...

网友评论

      本文标题:笔记——audio和video标签

      本文链接:https://www.haomeiwen.com/subject/zovoyxtx.html