Question

我有一个我正在处理的网站，我有一个带有mp4文件的上传/文件夹。当我使用XAMPP在本地测试此站点并单击MP4文件的链接时，Chrome会使用浏览器播放MP4，然后当我单击后退按钮时，它会将我带回我的站点。当我将所有站点文件上传到Web服务器并单击相同的链接以查看mp4文件时，它会下载文件并让我保持在同一页面上。但是，我希望它能够执行与我在本地开发时相同的操作，并播放它们，而不是下载文件。

是否可以让Chrome播放服务器上托管的Mp4文件而不下载它们？

Answer 1

布拉德是对的。您需要查看名为 MIME类型的内容，它们会告诉您的服务器如何处理不同类型的文件扩展名。听起来.mp4已在您的本地XAMPP上启用，因此只需在您的实时服务器上进行设置即可。

在共享的Apache / Linux Web服务器上，您可以通过 .htaccess 文件管理这些内容，只需将以下行添加到.htaccess文件中：

AddType video / mp4 .mp4 .m4v

AddType audio / mp4 .m4a

在IIS / Windows服务器上，您可以通过HTTP标头管理这些内容＆gt;文件类型＆gt; MIME地图。

输入 .mp4 作为扩展名，输入 video / mpeg 作为内容类型。

如果由于您没有相应的管理员权限而无法添加上述内容，请与您的托管公司联系，或使用jquery或类似的外部方法，如ivan建议。

Answer 2

问题是您的服务器发送了错误的内容类型。您应该使用video/mp4来获取此内容。否则，您的服务器通常默认为application/octet-stream，这是您的浏览器将保存到文件的通用类型。

我不能详细介绍如何配置服务器，因为你没有说出你正在使用的服务器，但它是大多数服务器的基本配置任务。

Answer 3

是的，你可以使用HTML5视频标签，但IE8不支持它。举个例子：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <object data="movie.mp4" width="320" height="240">
  </object>
</video>

Answer 4

如果我是你，我使用Jquery播放mp4。

示例：

$('.media').media();

<a class="media" href="sample.mov">My Quicktime Movie</a> 
<a class="media" href="sample.swf">My Flash Movie</a> 
<a class="media" href="sample.wma">My Audio File</a> 

<div class="media"> 
    <object codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> 
        <param name="src" value="sample.mov"> 
        <embed src="sample.mov" 
            pluginspage="http://www.apple.com/quicktime/download/"></embed> 
    </object> 
    <div>My Quicktime Movie</div> 
</div> 

<div class="media"> 
    <object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7" 
        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
        type="application/x-oleobject"> 
        <param name="src" value="sample.swf"> 
        <embed src="sample.swf" 
            type="application/x-shockwave-flash" 
            pluginspage="http://www.adobe.com/go/getflashplayer"></embed> 
    </object> 
    <div>My Flash Movie</div> 
</div> 

<div class="media"> 
    <object codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
        classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 
        type="application/x-oleobject"> 
        <param name="url" value="sample.wma"> 
        <embed src="sample.wma" 
            type="application/x-mplayer2" 
            pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed> 
    </object> 
    <div>My Audio File</div> 
</div>

检查此链接以获取插件http://malsup.com/jquery/media/

我的网站下载MP4而不是播放它们

4 个答案: