嵌入音频播放器HTML

时间:2017-03-11 16:06:23

标签: html audio media-player

我是HTML的新手,我想嵌入一个音频播放器,它从dropbox的链接播放mp3文件。我从here获取了示例代码但是,它不起作用。它打开了一个玩家,但没有玩。这是代码的相关部分:

<audio controls>    
<source src="https://www.dropbox.com/s/8besx3yh043u4qn/TestFile.mp3?dl=0" type="audio/mpeg">
</audio>

1 个答案:

答案 0 :(得分:1)

你指出错误的来源。此链接实际上指向一个html文件,其名称由Web服务器软件重写。 (如果我按照此链接,将打开以<!DOCTYPE html>开头的文件,这表示此文件是HTML网站)

如果右键单击播放器并选择检查元素,您将在preview-auto_container元素下找到该文件的真实链接。

因此,文件的音频元素必须如下所示:

<audio>
<source src="https://dl.dropboxusercontent.com/content_link/KRfRP3OWPuNXyfpYKUjCQOUzNIoE6o66TvxCHu6xKh5fErZ22kJHCOCvJ0TeCccu/file?dl=0&duc_id=dropbox_duc_id" type="audio/mpeg">
</audio>