美文网首页
笔记——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标签

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