相信很多人都有這樣的經歷,當我們想在博客中插入視頻、音頻或者其他網頁時,往往效果并不是我們想要的,因此分享一個小技巧:
1. iframe
<iframe>是HTML語言的一個標簽,<iframe>標簽定義了一個行內框架,這個行內框架被用來在當前HTML檔案中嵌入另一個檔案(PS: 另一個檔案可以是一個視頻鏈接、音頻鏈接或者一個網頁等),
2. 使用方法
2.1 設定默認編輯器
- 首先打開https://i-beta.cnblogs.com/
- 點擊選項,在默認編輯器中選擇TinyMCE
- 點擊確定
2.2 插入iframe
- 新建一篇隨筆

- 點擊上圖紅框中的圖示

- 插入以上代碼,點擊更新,保存隨筆,查看效果
2.3 效果展示
- 博客園中插入視頻
- 博客園中插入網頁
2.4 通用代碼
示例里面是插入了一個視頻,我們也可以插入一個網頁,下面給出了插入視頻和網頁的樣例,如果需要插入其他的媒體,只需要修改iframe標簽中的src屬性,(PS: 下面的代碼同樣適配移動端)
1.插入一個視頻
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src=https://www.cnblogs.com/wengle520/p/"https://player.bilibili.com/player.html?cid=145147963&aid=84267566&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
