我目前正在将视频嵌入到 html 文档中,发现video.js是一个有用的 JQuery 播放器,可用于播放视频。
我的 html 代码附在此处。
<!DOCTYPE html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<!-- Chang URLs to wherever Video.js files will be hosted -->
<link href="/js/video-js.css" rel="stylesheet" type="text/css">
<!-- video.js must be in the <head> for older IEs to work. -->
<script src="/js/video.js"></script>
<script src="/js/jquery.js"></script>
<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>
videojs.options.flash.swf = "/js/video-js.swf";
</script>
<script>
$(function(){
var vidJS = videojs('example_video_1', {techOrder:['flash','html5']}).ready(function(){
$('example_video_1.vjs-big-play-button').show();
});
});
</script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="420"
data-setup="{}">
<source src="/js/source.flv" type='video/flv' />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
</video>
</body>
</html>
此页面可以在我的本地系统中正常加载和播放视频。(该页面位于我的系统中)但是如果我尝试从其他计算机访问同一页面,它不会播放任何视频。在 Firefox 和 IE9 中。但适用于 Chrome 和 IE10。
当我按下播放按钮时,FF 会抛出一个错误,即 videojs this.b.vjs_play 不是函数。
请有人建议我是否可以使用任何替代播放器,或者可以纠正此问题。
谢谢。