0

我目前正在将视频嵌入到 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 不是函数。

请有人建议我是否可以使用任何替代播放器,或者可以纠正此问题。

谢谢。

4

2 回答 2

1

HTML5 视频元素不支持 FLV 视频格式,至少在规范中(http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-source -element ),但某些浏览器可能已经实现了 FLV 的支持,因此视频可能会在某些浏览器中播放而在其他浏览器中无法播放。您应该使用所有浏览器都支持的格式:例如 MP4、3GP 或 OGV

于 2013-07-25T09:55:54.290 回答
0

谢谢,我发现如果我们的 Flash 播放器版本低于 11,则视频无法播放。所以我告诉我的朋友更新 Flash 播放器。这对我们有用。但我们一直在寻找不依赖闪存的播放器。

于 2013-07-29T09:37:06.507 回答