JavaScript学习笔记——音频与视频

audio 音频标签

基本的播放器:

    <audio src="./YOASOBI - ハルジオン (春紫菀).mp3" controls="controls">
        当前浏览器不支持audio
    </audio>

在这里插入图片描述

属性

  • src: 音频资源地址
  • controls: 是否显示控制器
  • autoplay: 自动播放,以前版本的浏览器允许自动播放的,后来不允许
  • muted: 静音
  • volume: 音量(范围0~1)
  • currentTime: 可以控制和获取当前时间节点(按秒计算)

方法

  • play(): 播放
  • pause(): 暂停

事件

  • onpause: 暂停事件
  • onplay: 播放事件
  • onplaying: 正在播放事件
  • onvolumechange: 音量改变事件

video 视频标签

标签

  • video: html原生视频标签
  • source: 用于设置多个视频源标签,为了支持不同格式的浏览器都可以播放视频,那么就会采用此方式
  • object: 一般用于flash视频的操作
  • param: flash参数的设置

属性

  • src: 设置视频源的资源地址
  • controls: 控制器
  • muted: 静音
  • poster: 设置海报图
  • autoplayer: autoplayer不可用
  • currentTime: 当前时间
  • loop: 循环
  • volume: 音量

方法

  • play(): 播放
  • pause(): 暂停

事件

  • onpause: 暂停事件
  • onplay: 播放事件
  • onplaying: 正在播放事件
  • onvolumechange: 音量改变
  • onended: 当内容播放完毕时,会触发此事件

猜你喜欢

转载自blog.csdn.net/Nozomi0609/article/details/108607452