（九）內聯框架、音視訊播放
阿新 • • 發佈：2020-08-02
內聯框架
<!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>