/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 vote227 views1 answer
How to make the border invisible in html
Html
25 votes232 views4 answers
Default select option
Html
112 votes228 views6 answers
Html padding
Html
0 vote229 views1 answer
How to make buttons side by side html
Html
0 vote259 views1 answer
How to resize all images in a class html
Html
0 vote217 views1 answer
Remove blank rows in html vs code
Html
0 vote235 views1 answer
Use font on website html
Html
0 vote235 views1 answer
How to make option colour black in html
Html
0 vote256 views1 answer
Render text as html react
Html
0 vote227 views1 answer
How to add background video in html
Html