[ 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