video-js简单操作

最新推荐文章于 2025-01-10 10:38:44 发布

原创最新推荐文章于 2025-01-10 10:38:44 发布 · 624 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #php

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在网页中集成并配置视频播放器，包括设置样式、加载不同格式的视频文件以及添加字幕等功能。

<!-- Chang URLs to wherever Video.js files will be hosted -->
      <link href="__PUBLIC__/video-js/video-js.css" rel="stylesheet" type="text/css">
      <!-- video.js must be in the <head> for older IEs to work. -->
      <script src="__PUBLIC__/video-js/video.js"></script>
      <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
      <script>
        videojs.options.flash.swf = "video-js.swf";
      </script>
    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="100%" height="100%"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm' />
    <source src="http://vjs.zencdn.net/v/oceans.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  </video>