video/audio标签

1.什么是video标签？

  • 作用：用来播放视频
  • 格式：
  • --1. <video src=""></video>
  • --2.<video autoplay="autoplay" controls="controls">
    <source src="images/movie.ogg" type="video/ogg" ></source>
    </video>
    -第二种方式是为了兼容浏览器
  • src: 视频播放地址
  • autoplay="autoplay":自动播放
  • controls="controls":显示控制条
  • poster="images/1.png":显示视频未播放时占位图片
  • loop="loop":用于广告视频，循环播放
  • muted="muted":视频静音
  • preload="":预加载视频，与autoplay冲突

audio标签

  1. 什么是audio标签？
  • 用来播放音频
  1. 格式
  • <audio src="images/horse.ogg" controls="controls"></audio>
  • <audio autoplay="autoplay" controls="controls">
    <source src="images/Liekkas.mp3" type="audio/mp3" ></source>
    </audio>

注意点

  • video和audio使用方法基本一致，区别是audio不能设置width/height和poster属性。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容