[ WP ] MP3播放器沒反應 (WordPress.com)

作者: ArSwell ( )   2025-04-01 13:00:59
使用的是免費版,
想在頁面裡嵌入一個MP3播放器。
照著chatGPT的教學做,
但出現的MP3播放器無法點play(顯示為灰色)。
試過的雲端空間包括google drive和dropbox,做法為:
1. 把MP3檔案上傳到Google Drive(並設定為任何人都可使用)
在編輯頁面裡加上HTML區塊
<audio controls>
<source src="https://drive.google.com/uc?export=download&id=你的檔案ID"
type="audio/mpeg">
您的瀏覽器不支援音訊播放,請使用其他瀏覽器。
</audio>

<audio controls>
<source src="https://drive.google.com/uc?export=download&id=你的檔案
ID&confirm=t" type="audio/mpeg">
您的瀏覽器不支援音訊播放,請使用其他瀏覽器。
</audio>
並貼上正確的檔案ID,但兩種方式都無法點播放
2. 把MP3檔案上傳到dropbox
<audio controls>
<source src="https://www.dropbox.com/s/XXXXXXXXXX/你的檔案.mp3?raw=1"
type="audio/mpeg">
您的瀏覽器不支援音訊播放,請使用其他瀏覽器。
</audio>
且確認過這個檔案網址是可以正常播放的
但還是無法在出現的mp3播放器上點播放。
請問
有版友知道問題出在哪裡嗎~?
作者: laughingXD (拉氛)   2025-04-02 21:46:00
你的空間有支援自製播放器外連播放嗎
作者: ArSwell ( )   2025-04-03 06:49:00
我不知道欸...請問這要從哪裡看呢?
作者: Hsins (翔)   2025-04-03 21:15:00
你需要檢查直接使用檔案網址,看是否能夠跳出下載框。
作者: ArSwell ( )   2025-04-03 22:21:00
測試放在dropbox的檔案,會另開播放頁面,而且能正常播放
作者: Hsins (翔)   2025-04-03 22:59:00
剛剛順手嘗試了一下,確實 Dropbox 的檔案可作為靜態資源使用(就是可以外連播放的意思),問題是出在 HTML 的部分似乎是 WordPress.com 免費版為了安全性,雖然提供 HTML 區塊,但是無法使用外的部分,至少我測試時在編輯器內正常,但發布後的內容 url 部分都不見了。如果你使用的是 WordPress 新版的區塊編輯器,直接搜尋「音訊」區塊,放上檔案網址就可以了。用不著 HTML 區塊https://i.imgur.com/8rTKvLu.png

Links booklink

Contact Us: admin [ a t ] ucptt.com