仓库地址: https://github.com/videojs/video.js
官方网站: https://videojs.com/city
起步:
<!-- unpkg : use the latest version of Video.js --> <link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet"> <script src="https://unpkg.com/video.js/dist/video.min.js"></script> <!-- unpkg : use a specific version of Video.js (change the version numbers as necessary) --> <link href="https://unpkg.com/video.js@6.11.0/dist/video-js.min.css" rel="stylesheet"> <script src="https://unpkg.com/video.js@6.11.0/dist/video.min.js"></script> <!-- cdnjs : use a specific version of Video.js (change the version numbers as necessary) --> <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.7.3/video-js.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.7.3/video.min.js"></script>
<video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencdn.net/v/oceans.png" data-setup='{}'> <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source> <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source> <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank"> supports HTML5 video </a> </p> </video>
<script> var player = videojs('my-player'); </script>