播放器图片html,jQuery实现类似视频播放功能的图片播放器插件

jquery Image Player是一款可以像视频播放一样逐张播放图片的图片播放器jQuery插件。当你需要介绍你的某个产品和项目的时候，这个插件就可以发挥它的强大作用。你可以将产品或项目的各个功能做成图片，然后使用该插件来逐帧播放。

现在大多数的产品和项目介绍使用的都是gif图片或flash，甚至是直接嵌入视频，使用这个图片播放器插件，你可以自由的控制哪张图片需要播放，还可以设置淡入淡出效果，图片滑动效果，图片标题等等。

使用方法

使用这个播放图片器插件需要引入jQuery(需要1.7+版本)、jquery-ui.min.js、jquery-image-player-min.js以及jquery-image-player-min.css文件。

HTML结构

该图片播放器插件的HTML结构使用的是无序列表几个，外部可以使用一个

作为包裹容器。

Your Content
Your Content
Your Content
Your Content
Your Content
Your Content
Your Content

无序列表中的每一个

元素都要指定data-duration属性。外层包裹元素会被强制性的使用jquery-image-player-min.css文件中指定的样式。

调用插件

在页面加载完毕之后就可以通过下面的方法来调用这个图片播放器插件：

$(document).ready(function(){

$("#uipg-video-player").jsVideoPlayer();

});

配置参数

下面是该图片播放器插件的可用参数：

参数

默认值

类型

描述

showTitle

true

boolean

是否在控制栏显示"title"的图标

showCurrentTime

true

boolean

是否在控制栏显示"current time"标签

showTotalTime

true

boolean

是否在控制栏显示"total time"标签

showSliderTime

true

boolean

是否在控制栏显示"slider time"标签

onFinishGotoStart

false

boolean

是否在播放完一次图片后回到开始屏幕

playerWidth

900

int

定义图片播放器的宽度

playerHeight

385

int

定义图片播放器的高度

播放器图片html,jQuery实现类似视频播放功能的图片播放器插件相关推荐

# iOS 相册图片多选以及类似微信获取相册图片并使用AFN框架上传至服务器
iOS 相册图片多选以及类似微信获取相册图片并使用AFN框架上传至服务器做APP基本上都是需要从系统的相册当中获取一张或多张图片.那怎么做呢?下面我就带你来实现这个内容,第一次写. 我只是记录一下. ...
android 优酷自动全屏播放,Android如何实现仿优酷视频的悬浮窗播放效果
Android如何实现仿优酷视频的悬浮窗播放效果发布时间:2020-07-11 10:24:43 来源:亿速云阅读:228 作者:清晨这篇文章主要介绍Android如何实现仿优酷视频的悬浮窗播放 ...
android 视频做背景图片,视频后面怎么加背景图片？安卓手机给视频添加背景图片的方法...
狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好!同意则往下继续了解学习 ... 注意此教程方案是:『安卓手机端教程方案』.很 ...
android 视频背景图片,安卓手机怎么给视频添加背景图片上下图片中间视频画面的小视频制作...
狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好!同意则往下继续了解学习 ... 注意此教程方案是:『安卓手机端教程方案』.很 ...
在asp.net中使用jQuery实现类似QQ网站的图片切割效果
今天要给大家介绍一个asp.net结合jQuery来切割图片的小程序,原理很简单,大致流程是: 加载原图 --> 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 --> ...
后缀php怎么播放器,后缀名为php的视频文件用什么播放器？ – 手机爱问
IE--------------------------------------------------------------------------------如果你需要执行,下在php软件包如果 ...
html javascript 音频、视频、 mp3 、mp4 的播放、暂停、重新播放、获取音频时长、视频自动全屏播放
html javascript 音频.视频. mp3 .mp4 的播放.暂停.重新播放.获取音频时长视频 https://www.bilibili.com/video/BV1WE411o7Ft?fr ...
html圆形图片切换,jQuery和CSS3炫酷圆形图片切换特效
这是一款效果非常酷的jQuery和CSS3圆形图片切换特效.该圆形图片特效可以使用animate.css来制作图片的进入动画和离开动画.可以任意设置多张图片进行来回翻转.旋转切换,效果堪称一流. 使用 ...
视频弹窗播放html,利用jQuery实现在线视频弹出播放代码
特效描述:利用jQuery实现在线视频弹出播放代码.利用jQuery实现在线视频弹出播放代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码视频一 2018-06-22 视频一 ...

播放器图片html,jQuery实现类似视频播放功能的图片播放器插件

播放器图片html,jQuery实现类似视频播放功能的图片播放器插件相关推荐

最新文章

热门文章