添加到百度首页
添加收藏 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>
相关特效
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • Bootslider响应式全屏相册特效

    Bootslider响应式全屏相册特效

    一款Bootslider响应式全屏相册特效网页特效下载,该CSS3+jQuery特效适用于PC网站制作,响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。……
    2016-05-25
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery响应式全屏动画菜单网站框架

    jQuery响应式全屏动画菜单网站框架

    一款jQuery响应式全屏动画菜单网站框架,通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常……
    2016-05-22
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22
  • HTML5触屏滑动侧边栏导航菜单特效

    HTML5触屏滑动侧边栏导航菜单特效

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22
  • 响应式设计让企业网站随“机”应变

    响应式设计让企业网站随“机”应变

    据中国互联网络信息中心(CNNIC)数据显示,截至2014年6月,中国移动互联网用户突破5.27亿,覆盖率达83.4%,首次超越传统电脑整体80.9%的使用率,成为第一大上网群体。 随着移动终端设备的智能……
    2015-12-18



最新更新特效

设计分享