video.js:localhost有效,但不从服务器回放

时间:2013-09-26 15:37:53

标签: video.js

使用IE8在visual studio中设置播放器,从localhost运行时它可以完美运行。

但是当我将网页和视频复制到我的网络服务器时 - 根本没有任何变化 - 播放器根本不起作用。没有可见的控件 - 获取“播放按钮”方形轮廓,但没有细节,也没有任何功能。

我构建的测试网站是一个简单的页面,只有一个播放器,代码如下,我对任何配置文件进行了0次更改。

为什么这在本地工作但不是从我的网络服务器访问时的任何想法?

    <link href="video-js/video-js.css" rel="stylesheet" type="text/css" />
    <script src="video-js/video.js" type="text/javascript"></script>
    <script>videojs.options.flash.swf = "video-js/video-js.swf" </script>

    <video id="example_video_1" class="video-js vjs-default-skin"

    controls preload="auto" width="640" height="264"

    data-setup='{"example_option":true}'>

    <source src="big_buck_bunny.mp4" type='video/mp4'  />

</video>

3 个答案:

答案 0 :(得分:0)

可能是任何数量的路径问题。如何将其导出到Web服务器?通过亲自上传它们?还是通过视觉工作室? Visual Studio有时可以在您不知情的情况下改变路径。如果你想要一个确定的工作方式,我的页面上的播放器代码zip文件夹可以在任何地方使用。只需将提取的文件存储在Web服务器上,它就可以运行= http://www.andy-howard.com/recreate-bbc-iplayer/index.html

答案 1 :(得分:0)

周末我找到了自己的答案。

事实证明,与.mp4扩展名相关联的服务器上没有MIME类型,因此IIS只是忽略它。

一旦我在服务器上添加了正确的MIME类型,那么一切都完美无瑕。

答案 2 :(得分:0)

我遇到了这个问题,因为我无法编辑我公司的服务器的.htaccess文件(这肯定是问题),而是将我的视频上传到Dropbox这样的地方,获取公共链接并从中取出我的视频而不是我的服务器。这可以作为替代解决方案。

<source src="https://YOURDROPBOXLINK..." type="video/mp4" />