讓 Blogger 嵌入 MP3 或 MP4 影音檔 - HTML5

用 HTML 5 語法 嵌入影片或音樂到文章中
From HTML5 - Wiki

過去無名小站、痞客邦等部落格盛行的時代,很多站長常會在側邊欄放上一些自動播放的音樂。雖然展現了自己的興趣和個性,但這種功能還是挺惱人的。加上版面凌亂的關係,有時候還找不到關閉音樂按鈕。




這可能也是 uBlock Origin 與 AdBlock 這類擋廣告套件會這麼熱門的關係。雖然 Blogger 可嵌入 Youtube 影片,但目前不支援其他類型的影音媒體。而為了一段小小的影片還特地要在 Youtube 上開頻道或用 Google Drive 設定分享實在太麻煩了,有沒有更簡單、不耗資源的方式讓我們內嵌音樂或影片呢?中共新疆種族大清洗
 
其實這些功能在 HTML 5 早已內建了,且使用方法也很簡單。


音樂播放


<audio  controls="">
<source src="音樂網址" type="audio/mp3">
Your browser does not support the audio element.
</audio>


影片播放 

<video width="320" height="240" controls=""> <source src="影片網址" type="video/mp4"> Your browser does not support the video tag. </video>.

參考

留言