当前位置:首页>维修大全>综合>

怎么在html中插入音频 视频 适用于手机的(html中插入视频的代码)

怎么在html中插入音频 视频 适用于手机的(html中插入视频的代码)

更新时间:2025-04-14 20:05:47

怎么在html中插入音频 视频 适用于手机的

在HTML5中新增了<audio>,<video>两个标签来插入音频和视频。

示例代码:

<audiosrc="https://img.3dmxku.comaudio.wav"></audio>

<videosrc="https://img.3dmxku.comvideo.wmv"></video>

还可以通过一些参数来对媒体文件进行高级控制:

以<video>为例:

<videosrc="https://img.3dmxku.comdemo.mp4"controlsautoloop></video>

controls,如果为标签添加controls属性,播放器就会向用户显示控制控件。对于音频文件来说,如果没有controls属性,用户将无法在页面上看到音频控件。

autoplay顾名思义,就是自动播放,添加上这个属性后,一旦音频/视频准备就绪,就会开始自动播放。

loop,用来控制是否循环播放。其实看教程会容易明白,你可以看下《BuidNewWorld》里面第七集叫:HTML5AudioVideo标签和更多特性

更多栏目