苹果CMS V10插件 - 播放器悬浮教程(终端自适应、适用任何播放器和模板)

admin

苹果cms插件简介

什么是苹果cms V10播放器悬浮插件?

就在用户浏览苹果CMS程序站点播放页面时向上向下划动或滚动页面时候,web播放器从固定位置浮动到指定位置。

苹果CMS V10播放器悬浮有什么优势?

1,用户在看视频同时可以浏览页面其它内容且web播放器始终在视线内。

2,提升页面格调,提升用户体验感。

苹果CMS插件截图

苹果CMS V10播放器悬浮插件2


苹果CMS V10播放器悬浮插件

苹果CMS插件安装

1,找到苹果CMS-template模板文件夹内的:vod/play.HTML 这个文件。

2,在页尾“</body></HTML>”前面插入下面的代码

<style type="text/CSS">
.in {
animation: ac 1s;
}
 
.out {
position: fixed; 
bottom: 5%;
right: 1%;
z-index: 999;
animation: an 0.5s;
}
</style>
<script type="text/JavaScript" src="https://cdn.staticfile.org/JQuery/3.4.1/JQuery.min.js"></script>

此处为隐藏内容,请评论后查看隐藏内容,谢谢!

文章版权声明:除非注明,否则均为十八码原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 15 条评论,846人围观)
网友昵称:deviljie
deviljie V 评论者 沙发
06-03 回复
看看怎么样
网友昵称:phonedai
phonedai V 评论者 椅子
06-12 回复
谢谢分享!
网友昵称:6664064
6664064 V 评论者 板凳
06-16 回复
看看怎么样
网友昵称:wqdsjax
wqdsjax V 评论者 凉席
06-18 回复
看看怎么样啊
网友昵称:zssshk
zssshk V 评论者 地板
07-01 回复
看看怎样!学习学习!顺便问下,咱这有群嘛,方便及时交流一下
网友昵称:彬彬有礼
彬彬有礼 V 评论者 6楼
07-05 回复
感谢分享
网友昵称:qq3899
qq3899 V 评论者 7楼
07-13 回复
有这种功能
网友昵称:dd
dd V 评论者 8楼
07-15 回复
瞅瞅怎么样
网友昵称:alipp
alipp V 评论者 9楼
07-27 回复
谢谢分享
网友昵称:sammir
sammir V 评论者 10楼
08-05 回复
谢谢分享!
网友昵称:rg5201
rg5201 V 评论者 11楼
08-14 回复
上面的代码不完全显出来吗?想试试看!其实现在的许多浏览器都自带悬浮功能和记忆播放功能,虽然没必要,但总想试试
网友昵称:sammir
sammir V 评论者 12楼
08-18 回复
有这种功能
网友昵称:longerligerlong
longerligerlong V 评论者 13楼
08-24 回复
看看怎么样
网友昵称:whb688
whb688 V 评论者 14楼
09-02 回复
文章不错,写的很好!
网友昵称:sammir
sammir V 评论者 15楼
09-14 回复
看看怎么样

目录[+]