/Html/Javascript for video mp4 link in html

Javascript for video mp4 link in html

Html5 video player

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag. <!-- Text to be shown incase browser doesnt support html5 -->
</video>

Javascript for video mp4 link in html

<base href="http://www.margaritaville.tv">
<title>1997-05-07-Houston, TX - 4. Grapefruit-Juicy Fruit</title>
<style>body{background: black; margin: 0;}</style>

<div href="2d12f6292e254c4c92935b320c49488e" id="video-player-internal" style="height: 100%; width: 100%;"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="javascript/flowplayer/flowplayer-3.2.6.min.js"></script>
<script type="text/javascript" src="javascript/flowplayer/flowplayer.controls-3.0.2.min.js"></script>

<script type="text/javascript">

	//Initializes Video Player
	var player = flowplayer("video-player-internal", {src:"flowplayer-3.2.7.swf", wmode:"transparent"}, {
		canvas: {
			backgroundGradient: "none",
			backgroundColor: "transparent"
		},
		
		clip: {
			scaling: "fit",
			autoPlay: false
		},
		
		key: '$0797ccc0673c9ea38f0'
	}).ipad();
	
	jQuery(function(){
		player.load("2d12f6292e254c4c92935b320c49488e",function (event, api, video) {
 
		  // the new video is about to start
		  console.info(video.duration);
		 
		});
	});
	
</script>

Similar codes

0 vote157 views1 answer
Balise li forme valider
Html
1 vote143 views1 answer
How to host html website
Html
0 vote185 views1 answer
Html gif not showing
Html
-1 vote146 views1 answer
How to set image alignment in html
Html
5 votes154 views2 answers
Xpath element that contains text
Html
1 vote130 views1 answer
How to display the first frame of the video element in html
Html
0 vote129 views1 answer
Metro ui
Html
0 vote130 views1 answer
Font awesome src
Html
-1 vote143 views1 answer
Bannière html
Html
17 votes250 views6 answers
Collapse bootstrap 4
Html