VideoJS 的管状皮肤视网膜源代码

2022-08-24 0 716

VideoJS 的管状皮肤视网膜源代码

特征
Video.js 是开源 HTML5 和 Flash 视频播放器,以及 YouTube 和 Vimeo(通过插件),在超过 400,000 个网站上使用
管状皮肤
视网膜就绪和完全响应
HTML5 和 CSS3
支持 videojs-logo / videojs-watermark
支持键盘快捷键:
– 上/下箭头或鼠标滚轮 -> 控制音量
– 右/左箭头 -> 5s 寻找玩家
– M -> 切换静音
-F 或双击 -> 切换全屏
-F 或 Esc -> 退出全屏模式
– 0 -> 重启视频
– 1-9 -> 跳到视频的特定部分(例如,0 是 0%,9 是 90%,5 到视频中点)
支持和更新
愿望清单支持
有据可查
在页面上包含皮肤
基本的 Video.js 皮肤是使用 HTML 和 CSS 制作的。这意味着您可以通过简单地利用 CSS 的级联方面并覆盖您想要更改的样式来构建自定义皮肤。

<link rel=”stylesheet” type=”text/css” href=”./video-js-5.10.4/video-js.min.css></link>
<link rel=”stylesheet” type=”text/css” href=”./video-js/videojs-tube.min.css></link>

<script type=”text/javascript” src=”./video-js/video.js” ></script>

所有皮肤特定样式的主要类名。要制作自己的皮肤,请将所有出现的“vjs-default-skin”替换为新名称。然后将您的新皮肤名称添加到您的视频标签而不是默认皮肤。
<video class=”video-js vjs-big-play-centered”>

VideoJS 的管状皮肤视网膜源代码

参考
VideoJS 播放器主页
VideoJS 播放器文档
了解更多关于 CSS 皮肤指南
了解有关构建 VideoJS 皮肤的更多信息
创建自定义 VideoJS 播放器
使用 SVG 文件的图标字体生成器
PX 到 EM 的转换变得简单
在线 CSS 压缩器/压缩器
VideoJS 源代码
如何从源代码构建 VideoJS
变更日志
VideoJS 的 Tube Skin Retina,2019 年 5 月 7 日至 8 日。
VideoJS 的 Tube Skin Retina,2017 年 6 月 6 日至 20 日。
发布:VideoJS 5 项目的 Tube Skin Retina 发布 – 2016 年 6 月 1 日。
其他皮肤
Flor – HTML5 视频播放器
VideoJS 的皮肤:足球、模糊、空气、平面、管
JWPlayer 的皮肤:AIR、Flat、Tube、Thin

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

七爪网 行业资讯 VideoJS 的管状皮肤视网膜源代码 https://www.7claw.com/39525.html

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务