<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--<meta name="keywords" content="媒体播放器,左右按钮,视频播放,焦点图,JS代码">
<meta name="description" content="一款jquery带视频播器放功能焦点图轮播特效下载，jquery+flash交互式媒体播放器是一款带左右按钮、索引按钮焦点图片点击jwplayer网页视频播放代码下载。">-->
<link rel="stylesheet" href="royalslider.css">
<link rel="stylesheet" href="rs-minimal-white.css">
<script src="jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.easing-1.3.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.royalslider.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jwplayer.js" type="text/javascript"></script>
</head>
<body class="keBody">
<!--效果html开始-->
<center>
<div class="royalSlider rsMinW">
<div class="rsContent">
<a class="rsImg" data-rsVideo="jgpearslogo.mp4" href="afsdf.jpg"></a>
</div>
<div class="rsContent">
<a class="rsImg" data-rsVideo="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) {
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>
<!--效果html结束-->
</body>
</html>
轮播图里放视频
1星 需积分: 34 10 浏览量
2019-04-16
11:30:50
上传
评论 1
收藏 771KB RAR 举报 
轮播图里放视频.rar （15个子文件） 
轮播图里放视频 
royalslider.css 6KB
bodyBg2.jpg 306B jquery.easing-1.3.js 8KB
jgpearslogo.mp4 632KB jquery-1.8.2.min.js 91KB
rs-minimal-white.png 5KB rs-minimal-white.css 8KB fff.png 4KB asdf1235.jpg 19KB jquery.royalslider.custom.min.js 32KB jwplayer.js 152KB bodyBg.jpg 307B afsdf.jpg 26KB
index.html 2KB bodyBg3.jpg 307B资源评论
wandoudicom2019-07-31好像是PC的，不是H5的，我想要的是H5的，都什么年代了，还搞PC
