【问题标题】:Can't download html5 video/audio on IE and FireFox无法在 IE 和 FireFox 上下载 html5 视频/音频
【发布时间】:2018-09-26 07:16:20
【问题描述】:

我将带有音频/视频 html5 标签的 mp3 和 mp4 文件放在我的网站上。 我希望用户可以下载这些文件,Chrome 会显示一个下载按钮来执行此操作,所以没关系。

但我有一些用户使用 IE 和 firefox,他们没有这个按钮。 有没有办法显示它或者它只是一个 chrome 功能?

我尝试使用 download="download" html5 属性向媒体文件添加下载链接,但它会在新标签页的播放器中打开文件。

如何强制 IE 和 firefox 下载文件?

非常感谢

【问题讨论】:

    标签: html audio video mp3 mp4


    【解决方案1】:

    您看到的下载按钮是 Chrome 内置的默认 HTML5 播放器的一部分。浏览器如何呈现这样的元素取决于它。正如您所见,浏览器可能对此有所不同。

    最好的办法就是做你正在做的事情......提供一个带有下载属性的链接。并非所有用户代理都会尊重这一点,理想情况下,这取决于他们该做什么。理想情况下,他们也会按照您的预期行事。

    第三种选择是在 MP3 文件的 HTTP 响应中使用 Content-Disposition 标头。它看起来像这样:

    Content-Disposition: attachment; filename="track.mp3"
    

    第四个绝对可怕的不使用除非你有 - 选项是使用通用 Content-Type 标头。

    Content-Type: application/octet-stream
    

    由于浏览器无法知道内容是什么,它通常会打开一个保存对话框。 (它有时会使用内容类型嗅探来确定文件是什么,并忽略您的标题。)

    【讨论】:

    • 谢谢布拉德,我的问题是文件在合作伙伴服务器上,所以我无法修改它的响应。我想我必须创建一个像 my_server.com/get_media/the_media.mp3 这样的“代理 url”,它将文件发送到另一台服务器,并使用修改后的标题将其发送给用户?
    • 是的,这是唯一的方法。
    • +1。布拉德,我的问题对你来说似乎是一个扣篮,我想知道你是否介意快速浏览一下:stackoverflow.com/questions/54738875/…
    猜你喜欢
    • 2012-12-11
    • 2015-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-10
    • 1970-01-01
    • 2016-12-09
    相关资源
    最近更新 更多