内联框架
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 内联框架，用于向当前页面中引入一个其他页面 src 指定要引入的网页的路径 frameborder 指定内联框架的边框 --> <iframe src="https://www.qq.com/" width="800" height="600" frameborder="0"></iframe> <h1>hello</h1> </body> </html
音视频播放
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- audio 标签用来向页面中引入一个外部的音频文件的 音视频文件引入时，默认情况下不允许用户自己控制播放停止 属性： controls 是否允许用户控制播放 autoplay 音频文件是否自动播放 -如果设置了autoplay 则音乐在打开网页时会自动播放 但是目前来讲大部分浏览器都不会自动对音乐进行播放 loop 音乐是否循环播放 --> <!-- <audio src="./中村千尋 - カサネテク.mp3" controls autoplay></audio> --> <!-- 除了通过src来指定外部文件的路径以外，还可以通过source来指定文件路径 --> <!-- <audio controls> 对不起，您的浏览器不支持播放音频！请升级浏览器 <source src="./中村千尋 - カサネテク.mp3"> <source src="./中村千尋 - カサネテク.ogg"> --> <!-- 兼容问题 --> <!-- </audio> <embed src="./中村千尋 - カサネテク.mp3" type="audio/mp3" width="300" height="=100"> --> <!-- 对老的浏览器也支持 会自动播放 --> <!-- 用video标签来向网页中引入一个视频 使用方式和audio基本上是一样的 --> <!-- <video src="./大 威 瓜 皮.mp4"></video> <video controls> <source src="./大 威 瓜 皮.webm"> <source src="./大 威 瓜 皮.mp4"> <embed src="./大 威 瓜 皮.mp4" type="video/mp4"> </video> --> <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=i0031p1bg8z" allowFullScreen="true" width="500" height="300"></iframe> <iframe src="//player.bilibili.com/player.html?aid=626292830&bvid=BV1Wt4y1Q7b7&cid=209737082&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="500" height="300"> </iframe> </body> </html>