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

未结贴
2 282
如何实现用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则不能.

热忱回答2

  • 雾里寻踪 雾里寻踪
    2016-07-05 16:20:45
    没人答呐~[哈欠]
    0 回复
  • 黄焯华 黄焯华
    2016-07-06 15:40:24
    @雾里寻踪 我目前也在学习搞这个,不过我是使用ckplay,jwplayer的水印问题不知道怎么好解决。我是想点击一张图片,然后弹出一个视频的播放,这样的效果。
    0 回复

最近热帖

  1. 建议。layer相册,不能实时增加图片。 4099
  2. layui 社区2016年度十佳案例 1940
  3. .Net WebCMS后台管理系统 1604
  4. layui的form组件的响应数据怎么获取 1589
  5. 蓝狐宝社区,一个成长中的社区 574
  6. 贤心是一个人吗?男的还是女的。。。 391
  7. ifram 父页面的 【确定】按钮触发页面的form验证 376
  8. Layim 各平台聊天记录同步问题. 304
  9. 这是一张吐槽贴:关于Fly社区2016案例大赛第一名 287
  10. 也许这就是前端的魅力,我得说两句再睡 210
layim下载

近期热议

  1. layui能否支持 select2.的功能 27
  2. .Net WebCMS后台管理系统 26
  3. 这是一张吐槽贴:关于Fly社区2016案例大赛第一名 18
  4. 表单开关按钮放在模态框内就不显示了,怎么办,急! 15
  5. 蓝狐宝社区,一个成长中的社区 14
  6. layer如何获取 拖动后的坐标位置 offset left和to'p 13
  7. 贤心是一个人吗?男的还是女的。。。 12
  8. layui 社区2016年度十佳案例 12
  9. 【webos】号外 号外 2016年度案例奖励到手 快进来羡慕嫉妒恨啊!!! 11
  10. 关于layui树形菜单当前元素高亮的问题 10