Video Demo

by Chase Wilson

HTML

<link rel="stylesheet" href="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/test12345/o/dist-sample%2Fshaka%2Fcontrols.css">
<script src="https://github.com/videojs/mux.js/releases/latest/download/mux.js"></script>
<script src="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/test12345/o/dist-sample%2Fshaka%2Fshaka-player.ui.js"></script>
<video id="clip" controls preload=auto 
  width="640" height="480" 
  data-manifest="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/public/o/Media%20Workflows%20Demo%20-%202021-06.mpd">
  <source src="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/public/o/Media_Workflows_Demo-2021-06-transcode0-1920x1080.mp4" type='video/mp4' />
</video>

JavaScript

import * as OCIVideoPlayer from 'https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/test12345/o/dist-sample/main.bundle.js';

let videoElement = document.getElementById("clip")
let player = new OCIVideoPlayer.Player(videoElement, {
    player: 'shaka',
    manifestUrl: videoElement.dataset.manifest,
});