如何在hugo生成的網(wǎng)頁中插入嵌入式音樂

2022-09-11 08:37 作者:ianianying 0人讀過 | 我要投稿

緣起

在我發(fā)布了在網(wǎng)頁中嵌入視頻的視頻后，有網(wǎng)友問如何插入音樂文件并自動播放。就有了這個視頻。

以?https://music.163.com/#/song?id=1304708603?為例：

先分析一下嵌入代碼的格式

定義 shortcode 代碼

到這一步，實現(xiàn)和插入視頻的方式是一致的。但是盡管有?auto=1?這個參數(shù)，但由于目前瀏覽器的各類限制，自動播放這個功能是不能實現(xiàn)的。

使用javascript方式實現(xiàn)自動播放，這個方便也是參考了：

html背景音樂自動播放怎么實現(xiàn)？ - 墨語的回答 - 知乎?https://www.zhihu.com/question/472325267/answer/1999266585

進行相應的修改后的shortcode代碼

標簽：