/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 vote144 views1 answer
Disable lazyload image smush
Html
4 votes135 views3 answers
Bootstrap spinner
Html
0 vote138 views1 answer
Code for centre text in html
Html
0 vote161 views2 answers
V-for comma separated
Html
3 votes144 views1 answer
Nuxt select option v-for
Html
3 votes153 views2 answers
Animate on scroll github
Html
0 vote116 views1 answer
How to put an image in the top right corner html
Html
6 votes128 views2 answers
Adding image in header html
Html
1 vote133 views1 answer
Iframe render html in angular
Html
18 votes132 views3 answers
How to create white space in html
Html