記錄幾個影片嵌入網頁的html程式碼寫法

洪雨發表於2024-11-08

<p style="text-align:center;"><iframe style="height:350px;" src="https://v.qq.com/txp/iframe/player.html?vid=s3000bwdvh8" frameborder="0"></iframe></p>

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=s3000bwdvh8" allowFullScreen="true"></iframe>

<iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=113344824478558&bvid=BV1ZKyVYHERt&cid=26394888876&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

這三種都是影片網站自帶的,直接拿過來。

【推薦下面這種】這種可以點開影片網站自帶播放器上面的按鈕,比如全屏按鈕。

<!DOCTYPE html>
<html>
<head>
<title>嵌入影片示例</title>
</head>
<body>
<iframe width="560" height="315" src="https://player.bilibili.com/player.html?isOutside=true&aid=113344824478558&bvid=BV1ZKyVYHERt&cid=26394888876&p=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</body>
</html>



相關文章