我的网站下载mp4而不是播放它们 - My Website Downloads MP4s Instead of Plays them

我有一个网站，我正在工作，我有一个上传/文件夹与mp4文件。当我使用XAMPP在本地测试这个网站并点击指向MP4文件的链接时，Chrome会用浏览器播放MP4，然后当我点击返回按钮时，它会带我回到我的网站。当我把所有的网站文件上传到网络服务器上，并点击相同的链接来查看mp4文件时，它会下载这些文件，并让我保持在同一个页面上。然而，我希望它执行相同的动作，它做当我在本地开发，并播放它们，而不是下载文件。

是否有可能让Chrome播放的Mp4文件托管在服务器上，而不是下载它们?

Brad是正确的。您需要查看MIME类型，它们告诉您的服务器如何处理不同类型的文件扩展名。听起来。mp4已经在你本地的XAMPP上启用了，所以只需要在你的服务器上设置它。

在共享的Apache/Linux web服务器上，您可以通过管理这些。htaccess文件，只需在.htaccess文件中添加以下行:

AddType video/mp4 .mp4 .m4v

AddType audio/mp4 .m4a

在IIS/Windows服务器上，您可以通过HTTP Headers>文件类型>MIME地图。

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

如果你不能添加上述内容，因为你没有适当的管理权限，检查与您的托管公司，或使用jquery或类似的外部方法，如ivan建议。

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

我不能给你具体的如何配置你的服务器，因为你没有说你使用什么服务器，但这是一个基本的配置任务，为大多数服务器。

是的，你可以使用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>

如果我是你，我会使用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/