添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 漂浮 | 广告 >

jwplayer响应式多终端适配视频播放器

时间:2016-05-26      来源:互联网     
特效说明:
一款jwplayer响应式多终端适配视频播放器免费下载,该JS视频插件适用于网页播放视频展示,这里整理了下分享给大家。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css">

2、调用JS插件代码:
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、初始化配置:
<script type="text/javascript">
    jwplayer("player").setup({//通过js调用播放器并安装到指定容器(#player)内
        skin: "jwplayer/glow.zip", //填写皮肤swf文件的直链地址
        stretching: "fill", //锁定高宽比填满屏幕
        flashplayer: "jwplayer/player.swf", //调用播放器
        image: "jwplayer/screen.jpg", //视频预览图片
        width: '100%', //播放器宽
        //height: 270,
        levels: [{file: "jwplayer/video.mp4"}] ////调用视频文件
    });
</script>
相关特效
  • jQuery网页视频在线播放器代码

    jQuery网页视频在线播放器代码

    一款jQuery网页视频在线播放器代码免费下载,该播放器插件基于HTML5自带标签video制作,优化样式,使得各主流浏览器实现统一播放界面。……
    2019-04-12
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • HTML5响应式全屏宽度幻灯片特效

    HTML5响应式全屏宽度幻灯片特效

    一款HTML5响应式全屏宽度幻灯片特效免费下载,该HTML5图片特效是一款可以根据屏幕的大小自动调整幻灯片的宽度,幻灯片宽度始终占据整个屏幕的宽度。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25


最新更新特效

设计分享

web前端视频教程