/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 vote143 views1 answer
Remove last column datagrid wpf
Html
0 vote181 views1 answer
Emmet edit true or false sublime text
Html
0 vote148 views1 answer
Element is no longer attached to DOM. Unable to animate.
Html
0 vote146 views1 answer
Elementos linea html
Html
32 votes192 views3 answers
Html last elemetn arrray
Html
0 vote152 views1 answer
Divide in single rows html using div
Html
1 vote137 views1 answer
Html.textboxfor add default value
Html
0 vote140 views1 answer
How to add a submitting area in html
Html
20 votes166 views6 answers
Html telephone
Html
1 vote136 views1 answer
Html pallete
Html