<!doctype html>
<meta charset= "Utf-8" >
<title> Untitled Document </title>
<link href= "Css/video-js.min.css" rel= "stylesheet" >
<script src= "Js/video.min.js" ></script>
<style>
Body{background-color: #252525}
. m{margin-left:0px; Margin-right:auto width:960px;height:400px;margin-top:100px}
</style>
<body>
<div class= "M" >
<video
Id= "My-player"
Class= "Video-js"
Controls
preload= "Auto"
data-setup= ' {} ' >
<source src= "images/exploration b animation. mp4" Type= "Video/mp4" ></source>
<!--<source src= "HTTP://VJS.ZENCDN.NET/V/OCEANS.WEBM" type= "VIDEO/WEBM" ></source>
<source src= "HTTP://VJS.ZENCDN.NET/V/OCEANS.OGV" type= "Video/ogg" ></source>-->
<p class= "Vjs-no-js" >
To view this video please enable JavaScript, and consider upgrading to a
Web browser that
<a href= "http://videojs.com/html5-video-support/" target= "_blank" >
Supports HTML5 video
</a>
</p>
</video>
</div>
<script type= "Text/javascript" >
Turn on auto play
var myplayer = Videojs (' My-player ');
Videojs ("My-player"). Ready (function () {
var myplayer = this;
Myplayer.play ();
});
</script>
</body>
This refers to the JS file and CSS style, if necessary, I send you
