<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="movie.mp4" controls>
您的浏览器不支持 video 标签。
</video>
<audio src="Euphoria.mp3" muted controls>
您的浏览器不支持 audio 标签。
</audio>
</body>
</html>
代码实现图片:
在做这个实操的时候,有关于音频,如果不加muted,就会导致音频的界面不出现,以下是音频的属性,让音频静音,然后显示播放按钮,界面上就会出现音频,并且播放会有声音,可以控制音量,至于视频,没有找到视频,只好虚构一个,作为一个界面摆在那里。
属性 | 描述 |
---|---|
src | 要播放的音频的URL |
autoplay | 自动播放 |
controls | 显示控件,比如播放按钮 |
loop | 循环播放 |
muted | 输出被静音 |
preload | 页面加载的时候,自动预加载资源 |
source