ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года

Библиотека javascript SE@RCHER ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. ЯНВАРЬ >>>

HTML ↴

<!DOCTYPE html>
<HTML>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>HTML5 Видеоплеер (mediaelement)</title>		
	<script src="build/jquery.js"></script>	
	<script src="build/mediaelement-and-player.min.js"></script>
	<link rel="stylesheet" href="build/mediaelementplayer.min.css" />
</head>
<body>
<h1>MediaElementPlayer.js</h1>
<h2>Frame accurate Playback with Timecode - Multi-codec</h2>
<video width="640" height="360"  type="video/mp4"
	id="player1" poster="https://www.03www.ru/2013-01/video/video7/04.jpg" 
	controls="controls" preload="none">
    
    
    <source type="video/webm" src="https://www.03www.ru/2013-01/video/video7/04.webm" />
    
    
    <source type="video/mp4" src="https://www.03www.ru/2013-01/video/video7/04.mp4" />

<source type="video/ogg" src="https://www.03www.ru/2013-01/video/video7/04.ogv" />
    
    <object width="640" height="360" type="application/x-shockwave-flash" data="build/flashmediaelement.swf">
        <param name="movie" value="build/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&file=../media/perfect-timecoded.mp4" />
        
        <img src="https://www.03www.ru/2013-01/video/video7/04.jpg" width="640" height="360" alt="Here we are"
            title="No video playback capabilities" />
    </object>

</video>
	
<span id="player1-mode"></span>

<p><b>Note</b>: if you are working with local files, you'll need to add your working directory
to the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">Flash Global Security Settings</a>.</p>

$('audio,video').mediaelementplayer({
		// show framecount in timecode (##:00:00:00)
		showTimecodeFrameCount: true,
		// used when showTimecodeFrameCount is set to true
		framesPerSecond: 25,

// Hide controls when playing and mouse is not over the video
		alwaysShowControls: true,

success: function(player, node) {
		$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
	}
});

</script>

ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года

HTML ↴

размер Kb

ПРИМЕР ↴

✔ пример в полном окне