javascript - video.js 无法读取本地视频

标签 javascript html 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>

谢谢!

编辑:回答

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

最佳答案

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

关于javascript - video.js 无法读取本地视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18707594/

相关文章:

html - 如何隐藏html表格中行之间的边框并使用css仅显示列之间的边框

video - HTML5 视频、-Mediaelement.js、Video.js 或非 javascript 解决方案?

php - 使用简单的 php 'crashes' 服务器的动态 html 选项

javascript - jsx 循环渲染错误 : elements not defined

javascript - 美国邮政编码验证

javascript - 禁用javascript时阻止CSS动画?

css - 在另一个下面制作 float 框

javascript - 视频 JS 范围 slider 不起作用

javascript - Videojs 无法在 IE 9 及更高版本中工作

javascript - 如何在自定义类上调用静态方法? JS