/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

1 vote189 views2 answers
Zohra Segal
Html
25 votes192 views6 answers
Markdown
Html
1 vote179 views4 answers
Semantic ui
Html
1 vote195 views1 answer
Bootstrap textarea width
Html
0 vote190 views1 answer
Controls in html list
Html
2 votes179 views1 answer
Gender selection in html
Html
0 vote187 views3 answers
Css remove cursor events
Html
0 vote182 views1 answer
Angular to html converter
Html
9 votes180 views3 answers
Solid black line css
Html
0 vote184 views2 answers
Css dashed border spacing
Html