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

未结贴
2 337
如何实现用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 1.0.8 发布,一次用心的小版本升级 4871
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 1292
thinkphp5.0+layui个人博客源码分享,也可以做cms 1116
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 437
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 275
layui不好用啊,好复杂啊 252
layui 三级联动 244
有偿求助作者大大,我有一个opencart商城网站,想集成layui的问答系统 231
不得不承认,非常棒的一个富文本编辑器 189
ThinkPHP基于Layui无刷提交数据表单,亲测可用 177
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 54
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 21
layui不好用啊,好复杂啊 13
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 12
layui的进度条总是无法显示 10
layer.confirm弹出之后的keydown事件 10
关于富文本框的内容清空问题 10
thinkphp5.0+layui个人博客源码分享,也可以做cms 9
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8