Direct Video

by Chase Wilson

HTML

<script src="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/test12345/o/dist-sample%2Fshaka%2Fshaka-player.ui.js"></script>
<script src="https://github.com/videojs/mux.js/releases/latest/download/mux.js"></script>
<link rel="stylesheet" href="https://objectstorage.us-ashburn-1.oraclecloud.com/n/idqr9diwa15c/b/test12345/o/dist-sample%2Fshaka%2Fcontrols.css">
<video id="clip-direct" controls preload=auto width=640 height=480>
  <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-direct")
let source = videoElement.children[0]
let player = new OCIVideoPlayer.Player(videoElement, {
  player: 'shaka',
  manifestUrl: source.getAttribute('src')
});