您好!欢迎访问爱游戏app下载ios!
专注精密制造10载以上
专业点胶阀喷嘴,撞针,精密机械零件加工厂家
联系方式
0561-51075817
您当前的位置: 主页 > 新闻动态 > 技术支持 >

技术支持

前端开发:一个开源、可扩展的网络媒体播放器(clappr)

更新时间  2022-12-31 13:04 阅读
本文摘要:clappr是一个开源(BSD 3-clause)的网络媒体播放器,支持IE10+和大部门现代浏览器,拥有富厚的扩展插件,如进度条缩略图、标志、播放速率、动态笼罩物等。1、快速开始https://github.com/clappr/clappr下载clappr项目压缩文件,解压把dist文件夹中的文件放到我们项目任意位置。 在HTML添加以下剧本:在HTML页面中添加一个容器,并添加以下绝本,建立一个实例。2、基本设置选项width、height:可以设置播放器巨细。

爱游戏app下载ios

clappr是一个开源(BSD 3-clause)的网络媒体播放器,支持IE10+和大部门现代浏览器,拥有富厚的扩展插件,如进度条缩略图、标志、播放速率、动态笼罩物等。1、快速开始https://github.com/clappr/clappr下载clappr项目压缩文件,解压把dist文件夹中的文件放到我们项目任意位置。

在HTML添加以下剧本:在HTML页面中添加一个容器,并添加以下绝本,建立一个实例。2、基本设置选项width、height:可以设置播放器巨细。

parentId:指定播放器位置,值为选择器。autoPlay:true,页面加载完成后将自动播放。

loop:true,视频播放完成后将自动回放。chromeless:true,使用简练的视频模式。language:使用特定的语言,也可以与strings一起使用自己翻译,如下所示:allowUserInteraction:true,在使用视频简练模式时会处置惩罚点击/轻点手势。

disableKeyboardShortcuts:true,禁用键盘控制视频,当allowUserInteraction:false时,将强制为true。mute:true,视频播放开始时静音。actualLiveTime:true,实际时间在进度栏显示。

playbackNotSupportedMessage:当浏览器不支持时,界说一个自界说消息提示。mediacontrol:自界说控制栏颜色。检察更多Clappr设置属性,请前往以下地址相识详情。

https://github.com/clappr/clappr/blob/master/doc/BUILTIN_PLUGINS.md3、监听事件除了使用以上方法监听事件外,还可以通过player.on(Clappr.Events.PLAYER_PLAY, function() { ... })这样的形式监听事件。4、扩展插件进度栏展示缩略图https://github.com/tjenkinson/clappr-thumbnails-plugin/进度栏标志https://github.com/tjenkinson/clappr-markers-plugin/播放速率https://github.com/bikegriffith/clappr-playback-rate-plugin360视频https://github.com/thiagopnts/video-360强度调整https://github.com/clappr/clappr-level-selector-plugin更多扩展插件,请前往以下地址相识详情。

https://github.com/clappr/clappr/blob/master/doc/EXTERNAL_PLUGINS.md如果你有更好的、实用的插件想要和我们分享,请评论告诉我,谢谢您的分享。


本文关键词:前端,开发,一个,开源,、,可扩展,的,网络,clappr,爱游戏app下载ios

本文来源:爱游戏app下载ios-www.yujianxh.com