Get started with vide CDN

MIT licensed

Vide.js is a popular HTML5 video player library for web developers.

Tags:
  • jquery-plugin
  • jquery
  • plugin
  • video
  • background
  • ui
  • responsive
  • declarative

Stable version

Copied!

How to start using vide CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with vide CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.11.4/video-js.min.css" />
    <script src="https://cdn.cdnhub.io/vide/0.5.1/jquery.vide.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.11.4/video.min.js"></script>
</head>
<body>
    <div id="videoContainer">
        <video id="myVideo" class="video-js" controls preload="auto" width="640" height="360" data-setup='{"techOrder": ["flash"]}'>
            <source src="path/to/your/video.mp4" type="video/mp4">
            <source src="path/to/your/video.webm" type="video/webm">
            <source src="path/to/your/video.ogg" type="video/ogg">
            <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
        </video>
    </div>

    <script>
        $(function() {
            $('#myVideo').vide();
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions