發布一個小功能,通過 markdown 圖片語法嵌入B站視頻
今天晚上對園子的 markdown 功能做了一個小改進,方便大家在博文中嵌入B站視頻,已發布上線。
現在直接用 markdown 圖片語法就可以在博文中嵌入B站視頻,比如

注:上面的網址就是訪問B站視頻的網址,在B站搜索到一個視頻,直接將瀏覽器地址欄的網址復制過來就行。
在 markdown 渲染時,會自動轉換為下面的 iframe 標簽
<iframe src="http://player.bilibili.com/player.html?isOutside=true&bvid=BV1K5Mjz4EcP&p=1&autoplay=0"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="668" height="376"></iframe>
這樣就可以直接在博文中觀看B站視頻,效果如下:
在發布這個小功能之前,在博文中嵌入B站視頻,需要先申請開通js權限,然后在B站視頻頁面點擊分享按鈕,再點擊「嵌入代碼」按鈕復制 iframe 代碼,在博文中粘貼 iframe 代碼,并設置 iframe 的尺寸,很是麻煩。
現在簡單如引用一張圖片,只不過圖片地址是B站視頻地址。
更新:
現在可以指定視頻播放畫面的大小,比如指定寬 500 高 281,在視頻地址之后加個空格,輸入 =500x281 即可

視頻播放效果預覽:
浙公網安備 33010602011771號