[ WP ] MP3播放器沒反應 (WordPress.com)
使用的是免費版,
想在頁面裡嵌入一個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播放器上點播放。
請問
有版友知道問題出在哪裡嗎~?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.120.0.199 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Blog/M.1743483662.A.0C1.html
→
04/02 21:46,
3周前
, 1F
04/02 21:46, 1F
→
04/03 06:49,
3周前
, 2F
04/03 06:49, 2F
→
04/03 21:15,
3周前
, 3F
04/03 21:15, 3F
→
04/03 22:21,
3周前
, 4F
04/03 22:21, 4F
→
04/03 22:59,
3周前
, 5F
04/03 22:59, 5F
→
04/03 23:00,
3周前
, 6F
04/03 23:00, 6F
→
04/03 23:01,
3周前
, 7F
04/03 23:01, 7F
→
04/03 23:02,
3周前
, 8F
04/03 23:02, 8F
→
04/03 23:02,
3周前
, 9F
04/03 23:02, 9F
→
04/03 23:02,
3周前
, 10F
04/03 23:02, 10F
→
04/03 23:03,
3周前
, 11F
04/03 23:03, 11F
→
04/03 23:05,
3周前
, 12F
04/03 23:05, 12F

超級感謝H大嘗試並詳細回覆~!
我用了音訊區塊,傳了原本dropbox的跟google drive上 mp3檔案的網址
但都是輸入網址後,播放器的play按鈕變黑了...半秒鐘...
然後就又變成灰色無法點選了 @@
我改成設為文字連結,在手機上的文章頁面裡可以另開分頁播放
(但網址本身或用電腦版wordpress,卻無法播放,不懂原因..)
但主要還是希望可以用播放器,方便得多,
其次才是另開分頁播放
(測試的google drive 的檔案網址如下
https://drive.google.com/uc?export=open&id=
1oQIUlvS1oueneBK3vfwsNQHR0b-UDmPl)
如果H大或其他板友能找到辦法,感激不盡~~
※ 編輯: ArSwell (36.231.117.175 臺灣), 04/05/2025 09:00:17
→
04/05 14:39,
3周前
, 13F
04/05 14:39, 13F
→
04/05 14:39,
3周前
, 14F
04/05 14:39, 14F
→
04/05 14:39,
3周前
, 15F
04/05 14:39, 15F
→
04/05 14:40,
3周前
, 16F
04/05 14:40, 16F
→
04/05 14:40,
3周前
, 17F
04/05 14:40, 17F
→
04/05 14:42,
3周前
, 18F
04/05 14:42, 18F
→
04/05 14:43,
3周前
, 19F
04/05 14:43, 19F
→
04/05 14:45,
3周前
, 20F
04/05 14:45, 20F
→
04/05 14:46,
3周前
, 21F
04/05 14:46, 21F
抱歉,現在才發現連結若是編輯過的,就無法直接開啟..
可直接開啟檔案的原始網址是這個:
https://drive.google.com/file/d/1oQIUlvS1oueneBK3vfwsNQHR0b-UDmPl/view
(這個網址無論是直接開啟、還是以連結形式放到文章裡,都可正常播放)
(原本是用dropbox,但每次用手機點開都會出現詢問要不要安裝app的畫面,
所以後來改成用 google drive)
也謝謝H大建議,但我的部落格沒有要營利,
所以只想在免費的架構下使用
最近想到如果用播放器,就可以一邊聽一邊閉目養神,
才卯起來研究 XD
如果有播放器,真的方便很多~
※ 編輯: ArSwell (36.231.117.175 臺灣), 04/05/2025 17:35:25
※ 編輯: ArSwell (36.231.117.175 臺灣), 04/05/2025 17:36:32
Blog 近期熱門文章
PTT數位生活區 即時熱門文章