Get started with videogular CDN

MIT licensed

Videogular is an open-source HTML5 video player for AngularJS applications.

Tags:
  • videogular

Stable version

Copied!

How to start using videogular CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with videogular CDN - cdnhub.io</title>
  <link href="https://cdn.kaltura.com/kp/2.6.5/kp.css" rel="stylesheet">
  <script src="https://cdn.cdnhub.io/videogular/1.4.4/videogular.min.js"></script>
  <script src="https://cdn.kaltura.com/kp/2.6.5/kaltura.min.js"></script>
  <style>
    #videoContainer {
      width: 100%;
      height: 400px;
    }
  </style>
</head>
<body>
  <div id="videoContainer">
    <video id="video" class="video-js vjs-default-skin" controls preload="auto" width="100%" height="100%" data-setup='{"techOrder": ["flash"]}'>
      <source src="path/to/your/video.mp4" type="video/mp4">
      <source src="path/to/your/video.ogg" type="video/ogg">
      <source src="path/to/your/video.webm" type="video/webm">
      <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>
    angular.module('videoApp', ['ngVideoGular'])
      .controller('VideoController', ['$scope', function($scope) {
        $scope.$on('$viewContentLoaded', function() {
          angular.bootstrap(document.getElementById('videoContainer'), ['videoApp']);
        });
      }]);
  </script>
</body>
</html>
Copied!
Copied!

All versions