How to add this video to HTML page

1 Upload this folder to your server

Hubble_Spacecraft_Photos.files/
Current location: C:\Users\dev72\Desktop\
This folder should be located in the same folder as your html page

2 Paste this code to your page between the tags <body></body> in the place that you want the video to appear

<div style="position:relative;width:664px;height:532px;">
<video controls="controls" autoplay="autoplay" poster="Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.jpg" width="664" height="532">
<source src="Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.mp4" type="video/mp4" />
<source src="Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.webm" type="video/webm" />
<object type="application/x-shockwave-flash" data="Hubble_Spacecraft_Photos.files/flashfox.swf" width="664" height="532" style="position:relative;">
<param name="movie" value="Hubble_Spacecraft_Photos.files/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="flashVars" value="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=false&loop=false&poster=Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.jpg&src=Hubble_Spacecraft_Photos.mp4" />
 <embed src="Hubble_Spacecraft_Photos.files/flashfox.swf" width="664" height="532" style="position:relative;"  flashVars="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=false&loop=false&poster=Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.jpg&src=Hubble_Spacecraft_Photos.mp4"	allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="https://www.adobe.com/go/getflashplayer_en" />
<img alt="" src="Hubble_Spacecraft_Photos.files/Hubble_Spacecraft_Photos.jpg" style="position:absolute;left:0;" width="664" height="532" title="Video playback is not supported by your browser" />
</object>
</video>
</div>
<script src="Hubble_Spacecraft_Photos.files/html5ext.js" type="text/javascript"></script>
<a style="display:none" href="http://www.amazing-share.com">html5 video by Amazing Studio</a>