音频、视频标签及属性(介绍)

音频

语法:  <audio src=""></audio>
​
格式:
    mp3
    ogg
    wav
​
    src="":音频的路径
    行内块标签
    可以设置宽高
    水平布局,一行显示
    controls播放插件:浏览器为音频提供插件
    loop:循环播放
    muted:静音
​
​
​
  <!-- 循环播放 -->
  <audio src="" loop controls></audio>
  <!-- 静音属性 -->
  <audio src="" controls muted></audio>
​ 音频文件可以为线上链接
  <audio src="https://bd.kuwo.cn/play_detail/7185704?from=baidu" controls></audio>

视频

  语法:<video src=""></video>
​
格式:mp4  ogg  webm
    src:视频文件的路径
    controls:浏览器为视频提供播放插件
    loop属性:循环播放
    width、height属性:写在视频开始标签,px单位可以省略
    autoplay:自动播放属性 必须在静音的时候能用
    poster:预览图片,封面 ,里面写图片的路径 poster="./image/1.jpg"
   行内块标签
   水平布局
​
​
  <!-- 视频封面 -->
例:
  <video src="./file/guo.mp4" controls poster="./image/1.jpg"></video>
​
  <video src="./file/PPAP.webm" controls></video>
​
  <!-- 自动播放属性 必须在静音的时候能用-->
  <video src="./file/1.mp4" controls autoplay muted></video>
​
  <!-- 循环播放 -->
  <video src="./file/mie.ogg" controls loop></video>
​
  <video src="./file/694f9be070482772a556dba6f59d3.mp4" controls width="200px" height="300"></video>
​
  <!-- 在线视频链接-->
  <video
    src="https://vd2.bdstatic.com/mda-mjvzirggcr2a3c17/sc/cae_h264/1635637675078235418/mda-mjvzirggcr2a3c17.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1637133051-0-0-593bc07d93a97bc192aa780d14e008e7&bcevod_channel=searchbox_feed&pd=1&pt=3&abtest=30186_1&klogid=24510"
    controls></video>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曲靖花式通幽处

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值