video.js无法阅读本地视频

时间:2013-09-09 21:50:07

标签: javascript html5 video.js

我有一个video.js播放器,我是网络开发的新手。 我希望它能够阅读我的本地视频,但我有一条消息: “抱歉,此视频没有找到兼容的源和播放技术。”

但是:如果我使用video.js提供的外部链接作为样本,我可以阅读视频。

我下载了一些样本试用。一个OGV在我下载的网站上工作。但是,当我尝试自己的时候,它不起作用并显示相同的错误。

这是.jsp代码:

   <div id="videoPlayer">
        <video id="videoClip" class="video-js vjs-default-skin"
               controls preload="auto" width="640" height="360"
               poster="http://video-js.zencoder.com/oceans-clip.png"
               data-setup='{"example_option":true}'>


            <source src="/home/ogda/Bureau/war/src/main/resources/small.ogv type=video/ogg" />
        </video>
    </div>


    <script type="text/javascript" language="javascript">
        var videoPlayer = videojs("videoClip");
        videoPlayer.on("pause", changeVideo);
        //videoPlayer.src("/home/ogda/Bureau/war/src/main/resources/lol.mp4");
        videoPlayer.play();
    </script>

谢谢!

编辑:答案

评论者是对的。 解决方案很简单,就是将视频放在网络服务器上了!

2 个答案:

答案 0 :(得分:2)

这是一个沙盒问题。出于安全原因,浏览器不允许加载本地资源。如果您仍然需要它,请在您的计算机上使用本地网络服务器。

答案 1 :(得分:1)

大多数主流浏览器都不允许您加载本地文件,因为这会带来安全性错误,例如:人们窃取安全文件。

您需要在localhost上测试它,或者设置一些其他服务器来测试它。

或者,如果您使用的是Chrome,则可以启用允许您加载本地文件的标记。

chrome --allow-file-access-from-files

从命令行运行