layer中如何实现点击一张图片,然后弹出jwplayer视频播放器?

未结贴
2 527
如何实现用layer弹框,点击一张图片弹出jwplayer播放器?如何用layer做列表形式的(多个弹框视频)效果弹出框视频?
代码如下:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script src="layer.js"> </script>
<script src="jwplayer.js" type="text/javascript"></script>
<script type="text/javascript">
var thePlayer;
$(function() {
thePlayer = jwplayer('container').setup({
flashplayer: 'jwplayer.flash.swf',
file: 'aa.mp4',
image:'aa.png',
autostart: 'false',
primary: "html5",
width: 500,
height: 350,
dock: false
});
});
</script>
<div id="container"></div>

结合layer和jwplayer做弹框视频是非常好的好用的,jwplayer能实现视频边加载边播放效果,而ckplayer则不能.
  • 雾里寻踪 雾里寻踪
    2016-07-05 16:20:45
    没人答呐~[哈欠]
    0 回复
  • 黄焯华 黄焯华
    2016-07-06 15:40:24
    @雾里寻踪 我目前也在学习搞这个,不过我是使用ckplay,jwplayer的水印问题不知道怎么好解决。我是想点击一张图片,然后弹出一个视频的播放,这样的效果。
    0 回复
最近热帖
layui所在服务器近期连续遭受DDoS攻击 3322
vip-admin Html v1.7.0 更新了 - 基于layui的后台模板 970
用layui做管理后台的请进 671
有学生愿意接活干吗?做网站!价格不是很高但是经常有活干 449
select 下拉复选框 244
小魔方看到请进来,你的解决方法有bug 209
layui的编辑器是怎么配置出来的啊,难道不是layedit? 201
发现最新版layui的一个小BUG 177
layui和vue的相性貌似不是很好,求解 174
初次使用layer 发生了,这种情况,究竟是为何? 169
近期热议
layui所在服务器近期连续遭受DDoS攻击 35
弹出层不能置顶!! 12
初次使用layer 发生了,这种情况,究竟是为何? 12
急!修改回显问题~~~~ 10
layui的编辑器是怎么配置出来的啊,难道不是layedit? 10
各位大神们早上好,小弟有一个问题。 10
求救关于layer.msg的问题 9
求助。。。循环绑定传值问题 9
小魔方看到请进来,你的解决方法有bug 8
【求助】layer弹层,type1,firefox,ie8—11,当元素display为none,无 7