HLS video example

by sambrace

HTML

<link rel="stylesheet" href="https://vjs.zencdn.net/5.19.2/video-js.css">
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<script src="https://vjs.zencdn.net/5.19.2/video.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/3.0.2/videojs-contrib-hls.js?_=1496850054232"></script>
<iframe
src="https://player.cloudinary.com/embed/?public_id=https%3A%2F%2Fmedia.truva.com%2Fvideo%2Fupload%2Fz5zragbbjc5ekf82iwpk&cloud_name=demo&player%5Bfluid%5D=true&player%5Bcontrols%5D=true&source%5Bsource_types%5D%5B0%5D=mp4"
width="640"
height="480"
allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
allowfullscreen
frameborder="0"
poster=

></iframe>

JavaScript

var player = videojs('example-video');
player.play();