作者ArSwell ( )
看板Blog
标题[ WP ] MP3播放器没反应 (WordPress.com)
时间Tue Apr 1 13:00:59 2025
使用的是免费版，
想在页面里嵌入一个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://webptt.com/cn.aspx?n=bbs/Blog/M.1743483662.A.0C1.html
1F：→ laughingXD: 你的空间有支援自制播放器外连播放吗 04/02 21:46
2F：→ ArSwell: 我不知道欸...请问这要从哪里看呢？ 04/03 06:49
3F：→ Hsins: 你需要检查直接使用档案网址，看是否能够跳出下载框。 04/03 21:15
4F：→ ArSwell: 测试放在dropbox的档案，会另开播放页面，而且能正常播放 04/03 22:21
5F：→ Hsins: 刚刚顺手尝试了一下，确实 Dropbox 的档案可作为静态资源 04/03 22:59
6F：→ Hsins: 使用（就是可以外连播放的意思），问题是出在 HTML 的部分 04/03 23:00
7F：→ Hsins: 似乎是 WordPress.com 免费版为了安全性，虽然提供 HTML 区 04/03 23:01
8F：→ Hsins: 块，但是无法使用外的部分，至少我测试时在编辑器内正常， 04/03 23:02
9F：→ Hsins: 但发布後的内容 url 部分都不见了。 04/03 23:02
10F：→ Hsins: 如果你使用的是 WordPress 新版的区块编辑器，直接搜寻「音 04/03 23:02
11F：→ Hsins: 讯」区块，放上档案网址就可以了。用不着 HTML 区块 04/03 23:03
超级感谢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
13F：→ Hsins: 你给的连结本身就不能访问跟使用了，另外云端空间本身也是 04/05 14:39
14F：→ Hsins: 不建议这样操作的，所以他们原本早期可以作为图床，但後期 04/05 14:39
15F：→ Hsins: 都禁止了。我自己尝试过 Dropbox 目前还可以使用，如果你用 04/05 14:39
16F：→ Hsins: Dropbox 连结也无效，回头检查档案权限设定吧。 04/05 14:40
17F：→ Hsins: 不然就是改用付费版本的 WordPress.com 或自行架站。 04/05 14:40
18F：→ Hsins: 花费在找免费服务跟解决方案的时间，换算成建站的成本都不 04/05 14:42
19F：→ Hsins: 知道多少了…… 04/05 14:43
21F：→ Hsins: 址可以看到我放的确是 Dropbox 的连结。 04/05 14:46
抱歉，现在才发现连结若是编辑过的，就无法直接开启..
可直接开启档案的原始网址是这个：
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