<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>音视频播放</title>
</head>
<body>
<!--
audio 标签用来向页面中引入一个外部的音频文件的
音视频文件引入时,默认情况下不允许用户自己控制播放停止
属性:
controls 是否允许用户控制播放
autoplay 音频文件是否自动播放
- 如果设置了autoplay 则音乐在打开页面时会自动播放
但是目前来讲大部分浏览器都不会自动对音乐进行播放
loop 音乐是否循环播放
-->
<audio src="./source/audio.mp3" controls></audio>
<br><br>
<!-- <audio src="./source/audio.mp3" controls autoplay loop></audio> -->
<br><br>
<audio controes>
<!-- 对不起,您的浏览器不支持播放音频!请升级浏览器! -->
<source src="./source/audio.mp3">
<source src="./source/audio.ogg">
<embed src="./source/audio.mp3" type="audio/mp3" width="300" height="100">
</audio>
<!-- <video src="./source/flower.webm"></video> -->
<!--
使用video标签来向网页中引入一个视频
- 使用方式和audio基本上是一样的
-->
<video controls>
<source src="source/flower.webm">
<source src="source/flower.mp4">
<embed src="./source/flower.mp4" type="video/mp4">
</video>
<br><br>
<iframe src="//www.le.com/ptv/vplay/1165958.html" frameborder="0"></iframe>
<br><br>
<iframe src="//www.le.com/ptv/vplay/1165958.html" frameborder="0" width="500" height="500"></iframe>
</body>
</html>