Skip to content

Instantly share code, notes, and snippets.

@jwerle
Last active July 26, 2016 08:56
Show Gist options
  • Save jwerle/bfbfe8735ed39af8aa79 to your computer and use it in GitHub Desktop.
Save jwerle/bfbfe8735ed39af8aa79 to your computer and use it in GitHub Desktop.
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/littlstar/axis/master/dist/axis.css"/>
<script type="text/javascript" src="https://rawgit.com/littlstar/axis/master/dist/axis.js"></script>
</head>
<body>
<div id="video"></div>
<script type="text/javascript">
var domElement = document.querySelector('#video');
var frame = new Axis(domElement, {
src: 'http://360.littlstar.com/production/a0a5746e-87ac-4f20-9724-ecba40429e54/web.mp4',
width: window.innerWidth,
height: window.innerHeight * .8,
crossorigin: true,
resizable: true,
preload: true,
autoplay: true,
webgl: false
});
frame.render().once('ready', function () { alert('hi sophia!'); });
</script>
</body>
</html>
@arnoldcoder
Copy link

arnoldcoder commented Jul 26, 2016

Hi! Could you please provide an example of how to initialize the controls (play, volume, seek...) as we can see on the embedded example? There are quite a few examples out there. Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment