| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <!--
- audio 标签用来向页面中引入一个外部的音频文件的
- 音视频文件引入时，默认情况下不允许用户自己控制播放停止
- 属性：
- controls 是否允许用户控制播放
- autoplay 音频文件是否自动播放
- -如果设置了autoplay，则音乐在打开页面时会自动播放
- 但是目前来讲大部分浏览器都不会自动对音乐进行播放
- loop 音乐是否循环播放
- -->
- <!-- <audio src="./source/demoMusic.mp3" controls loop></audio> -->
- <!--
- 除了通过src来指定外部文件以外，还可以通过source来指定文件路径
- source可以写多个，在运行时，会默认执行第一个，
- 如果浏览器不支持播放mp3文件（老的浏览器），则会执行第二个，
- 如果都不支持，则会显示文字提示
- -->
- <!-- <audio controls>
- 对不起，您的浏览器不支持播放音频！请升级浏览器！
- <source src="./source/demoMusic.mp3">
- <source src="./source/demoMusic.ogg">
- </audio> -->
- <!-- <embed src="./source/demoMusic.mp3" type="audio/mp3" width="300" height="100"> -->
- <!--
- embed可以兼容IE8浏览器
- -->
- <audio controls>
- <!-- 对不起，您的浏览器不支持播放音频！请升级浏览器！ -->
- <source src="./source/demoMusic.mp3">
- <source src="./source/demoMusic.ogg">
- <embed src="./source/demoMusic.mp3" type="audio/mp3" width="300" height="100">
- </audio>
- <!--
- 使用video标签来向网页中引入一个视频
- -使用方式和audio基本上是一样的
- -->
- <video controls>
- <source src="source/demoVideo.mp4">
- <embed src="source/demoVideo.mp4" type="video/mp4">
- </video>
- </body>
- </html>
|
