mgtv - 素材

当前位置:Gxlcms > 播放器 > jquery flash交互式媒体播放器

jquery flash交互式媒体播放器

时间:2021-07-01 10:21:17 帮助过:0人阅读

jquery flash交互式媒体播放器 jquery flash交互式媒体播放器是一款焦点图片点击jwplayer网页视频播放代码下载。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery flash交互式媒体播放器 - mgtv素材</title>

<link rel="stylesheet" href="royalslider/royalslider.css"></link>
<link rel="stylesheet" href="royalslider/minimal-white/rs-minimal-white.css"></link>

<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing-1.3.js" type="text/javascript" charset="utf-8"></script>

<script src="royalslider/jquery.royalslider.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jwplayer/jwplayer.js" type="text/javascript" ></script>

</head>

<body>
<center>
<div class="royalSlider rsMinW">
	<div class="rsContent">
		<a class="rsImg" data-rsVideo="movies/jgpearslogo.mp4" href="afsdf.jpg"></a>  
	</div>
	
	<div class="rsContent">
		<a class="rsImg" data-rsVideo="movies/jgpearslogo.mp4" href="asdf1235.jpg"></a>  
	</div>

	<div class="rsContent">
		<img src="fff.png" />
	</div>
</div>
</center>

<script type="text/javascript">
  var slider = $('.royalSlider').royalSlider({
    // options...
	        keyboardNavEnabled: true,
			navigateByClick: false,
			sliderDrag: false,
      imageScaleMode: 'fill'
}).data('royalSlider');
   
   				          
   slider.ev.on('rsOnCreateVideoElement', function(e, url) 
    {    
	    // url - path to video from data-rsVideo attribute
        // slider.videoObj - jQuery object that holds video HTML code
        // slider.videoObj must be IFRAME, VIDEO or EMBED element, or have class rsVideoObj
        slider.videoObj = $('<div id="mediaplayer" class="rsVideoObj">Loading the player ...</div>');
      setTimeout(function() {
        jwplayer('mediaplayer').setup({
          'flashplayer': 'jwplayer/player.swf',
          'id': 'playerID',
          'width': '100%',
          'height': '100%',
          "autoplay": true,
          'file': url,
          'viral.onpause': false,
          'controlbar.idlehide':true,
          'stretching': 'exactfit',    
        });  
      }, 50);
});

</script>


</body>