Skip to content

Instantly share code, notes, and snippets.

@alekskorovin
Last active December 23, 2015 14:59
Show Gist options
  • Save alekskorovin/6652914 to your computer and use it in GitHub Desktop.
Save alekskorovin/6652914 to your computer and use it in GitHub Desktop.
Video Player. Windows Media Player for an IE browsers and MediaElementJs for a modern browsers.
<!doctype html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>MediaPlayer</title>
<script src="js/libs/jquery-1.9.1.min.js"></script>
<script src="js/mediaelement/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="js/mediaelement/mediaelementplayer.min.css"/>
<script type="text/javascript">
$(function () {
$('video').mediaelementplayer({
plugins: ['flash'],
pluginPath: 'js/mediaelement/',
flashName: 'flashmediaelement.swf',
enableAutosize: true,
success: function (player, node) {
player.setVideoSize(960, 540);
}
});
});
</script>
</head>
<body><!--[if (IE 8)|(IE 7) ]>
<object id="mediaplayer" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701"
standby="loading microsoft windows media player components..." type="application/x-oleobject" width="960"
height="540">
<param name="filename" value="video/my-video.wmv">
<param name="animationatstart" value="true">
<param name="transparentatstart" value="true">
<param name="autostart" value="true">
<param name="showcontrols" value="true">
<param name="ShowStatusBar" value="true">
<param name="windowlessvideo" value="true">
<embed src="video/my-video.wmv" autostart="true" showcontrols="true" showstatusbar="1" bgcolor="white" width="960"
height="540">
</object><![endif]--><!--[if (gte IE 8)]><!-->
<div class="holder">
<video width="960" height="540" src="video/my-video.mp4" type="video/mp4"
id="player" poster="images/my-video-poster.png"
controls="controls" preload="none"></video>
</div>
<!--<![endif]--></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment