PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Blog
[ 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
繼續閱讀
[痞客] 相簿幻燈片樣式
lion1227
Re: [Blogger] 網頁重新導向錯誤問題
planetoid2
[Blogger] 網頁重新導向錯誤問題
a86112727
[痞客] [公告] PIXNET 刪除長期未登入帳號通知
petestar
[痞客] 現在經營痞客邦還有搞頭嗎?
PrincessBad
[其他] 請問怎麼關閉留言?
shu58588
Fw: [其他] blogger自訂網域跳去Gandi後DNS要怎設定?
supermars
[其他] 靜態架站的小問題
poeta
[Blogger] 無法建立新文章
lirac
[ WP ] 我無法編輯WORDPRESS後台
barchanting
Links
booklink
Contact Us: admin [ a t ] ucptt.com