Adaptive Video

HLS Video Example for Sam Brace

by sambrace

HTML

<link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
<script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js"></script>
<script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
<link rel="stylesheet" href="node_modules/cloudinary-video-player/dist/cld-video-player.min.css">
<script src="lodash.js"></script>
<video id="example-player-hls" controls class="cld-video-player cld-video-player-skin-dark">
      </video>

JavaScript

var cld = cloudinary.Cloudinary.new({
        cloud_name: 'sambrace'
      });

      var playerHls = cld.videoPlayer('example-player-hls');

      playerHls.source('caught', {
        sourceTypes: ['hls'],
        transformation: {
          streaming_profile: 'hd'
        },
        info: {
          title: "Caught!"
        }
      }).play();