程序员经验分享-hwhale

如何将开始按钮放在剪辑的中间

2024-03-18

我在以下位置找到了设计师页面http://www.videojs.com/ http://www.videojs.com/在那里，您可以将开始按钮的位置更改为剪辑的中间。

但我无法在 video.js 播放器上放置或使用此样式表。有人可以解释一下如何在播放器中使用它吗？例如，用额外的文件扩展现有的 css？或者如何更改现有的CSS，将按钮放置在中间而不是左上角？

谢谢。卡塔松


你可以加 '以 vjs 大型活动为中心' 到视频课。

 <video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="700" height="450" poster="http://www.videojs.com/img/poster.jpg"><source src="" type="video/mp4"></video>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

videojs

如何将开始按钮放在剪辑的中间 的相关文章

  • 用vue+videojs实现播放rtmp遇到的问题

    代码结构如下 html js 问题呈现 后来经过百度 是flash的问题 解决办法 点击浏览器如上图标 将flash选择为允许 更改之后会提示重新加载 点击点击重新加载即可

  • vue使用video.js

    1 安装 npm install video js 2 引入全局样式 main js 中加入 import video js dist video js css 3 使用

  • 如何更改videojs控制栏元素顺序的位置

    我的网站使用 video js 播放器 我想更改控制栏元素的位置 目前 它显示播放 暂停 音量 进度条和全屏 我怎样才能更改订单 我的代码如下 var videojs videojs video player techOrder youtu

  • 根据滚动位置触发视频自动播放

    我正在编写一个使用scrollorama js 脚本中的擦除动画的脚本 我希望能够实现视频在滚动深度的某些标记处自动播放 即 当一个视频页面擦除了另一个页面并且现在完全可见时 我已经弄清楚如何测量滚动深度 我成功地将其记录在我的控制台中 我

  • 暂停所有其他视频，无论页面上有多少视频

    因此 我在一个多页面项目上使用 video js 该项目的页面每个页面上的视频数量不同 我想播放一个视频来暂停页面上播放的任何其他视频 我已经让它工作了 但我的代码只有在专门针对该页面制作时才有效 而不是单独处理每个页面 HTML 示例

  • HTML5 视频，视频内无缝循环

    我正在编写一个交互式视频 一种游戏 用户在侧面板上进行操作 并且操作发生在视频中 对于一部分来说 视频正在等待用户在面板上执行操作 因此它必须循环播放 直到用户启动该操作 所以在 15 秒时 只要用户没有做出动作 我就会回到 11 秒 视频

  • 有人将 videojs-record 与 Angular 7 集成吗？

    我正在尝试使用 videojs record 来录制带有音频的视频 并且我的应用程序使用的是 Angular 7 我已经关注了他们的 wiki 这是下面的链接https github com collab project videojs r

  • Video.js - 播放使用 createObjectURL 创建的 blob（客户端的本地文件）

    我想在本地播放视频 不上传到服务器 我可以用纯 javascript 和 html5 来做到这一点 如下所示 html

  • VideoJS：有关支持的视频格式及其浏览器和平台兼容性的最新信息在哪里？

    自网站重组以来 我无法找到有关支持的视频格式及其浏览器和平台兼容性的最新信息 我在 videojs com 网站上找不到任何搜索 SO 的支持链接 github 自述文件的文档 据我所知 这些都没有这个基本信息 我可能只是太厚了 因为这是如

  • Video.js 具有空源

    无论如何 我可以放置 video js 而无需在视频标签上设置源吗 Video js 启动时没有源而失败 我想放置没有源的 video js 并从 js api 层设置源 同样的问题 但没有人回答 VideoJS 没有源码吗 https s

  • 使用 video.js 包装器启用 YouTube 播放

    好的 所以我正在尝试使用 video js 项目包装 换肤 YouTube 视频 以实现与我网站上其他视频类似的外观和感觉 现在根据您可以看到的文档here https github com videojs video js blob ma

  • 如何从我的 video.js 播放器监听“timeupdate”事件？

    虽然我已经能够使用普通 HTML5 播放器监听 timeupdate 事件 但我似乎无法让它与 video js 一起使用 这是我的代码

  • 如何在chrome中使用video.js播放flash(.flv)视频

    我在用video js播放 flash flv 视频 但是当我按播放按钮时它不播放视频 我已经用过 techorder flash html 但这没有什么区别 有没有可以播放flash视频的插件videojs 如何播放 flv 视频vide

  • 如何在同一个 HTML5 播放器中放大视频并切换视频流？

    我的视频将分为 4 个视频 首先 播放器将传输较低分辨率的原始视频 然后用户可以放大视频以查看更多细节 我需要播放器根据用户放大的位置传输 4 个视频之一 分辨率较高 我如何使用 VideoJS 或任何其他视频播放器来实现这一点 经过一番查

  • 播放 video.js ustream m3u8 文件流

    我尝试在网页中播放带有 video js 的 m3u8 文件流 但我无法做到这一点 我不知道错误在哪里

  • VideoJs 在 Firefox 中的 Flash 回退问题

    我尝试将 videoJs 添加到我的网站来播放 MP4 文件 所有这些在 Chrome 中都能完美运行 但当我转到 Firefox 不支持 MP4 文件 时 Flash 播放器停留在黑屏上 按钮不执行任何操作 简单的问题 为什么 我不明白

  • 如何阻止 video-js onclick 事件暂停视频

    我这里有一个简单的 JSFiddle http jsfiddle net cvCWc 2 http jsfiddle net cvCWc 2 基本代码如下 window player videojs movie container tech

  • Video.js - 阻止点击播放功能

    我正在使用 video js 将视频嵌入到 HTML 页面中 它将用作仅适用于 ipad 的 Web 应用程序 因此我相信它使用的是本机 HTML5 播放器 我正在尝试禁用点击播放功能 以便用户必须使用控件 但我在这样做时遇到了麻烦 我尝试

  • 模态窗口内的 video.js：全屏不起作用

    我一直在使用 video js 在模态窗口内显示内容 正如您在此处看到的 http www csdalbenga it galleria1 html http www csdalbenga it galleria1 html 点击 Clic

  • Video.js / Contrib-HLS 在大多数浏览器中无法播放 HLS（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）

    我正在构建一个视频播放器 需要播放 HLS 直播和点播流 似乎仅在 Safari 中运行良好 减去我需要更新的自定义样式 忽略它 在所有其他浏览器中我收到此错误 VIDEOJS ERROR CODE 4 MEDIA ERR SRC NOT

随机推荐

  • 如何在 Laravel 5.2 中以 JSON 格式返回 403 响应？

    我正在尝试使用 Laravel 5 2 开发 RESTful API 我偶然发现如何以 JSON 格式返回失败的授权 目前 它抛出 403 页面错误而不是 JSON 控制器 TenantController php class Tenant

  • 与 fork() 共享堆内存

    我正在努力用 C 语言实现一个数据库服务器 它将处理来自多个客户端的请求 我在用fork 处理单个客户端的连接 服务器将数据存储在堆中 堆由指向动态分配记录的哈希表的根指针组成 记录是具有指向各种数据类型的指针的结构 我希望进程能够共享这些

  • 使用 Pyside + Python 中的类进行样式设计

    如何使用类更好地设计该应用程序的样式 而不是为每个看起来相同的标签重新定义相同的样式 更改样式变得很痛苦 因为我必须仔细检查每个看起来相同的标签并粘贴代码以进行匹配 usr bin python coding utf 8 import sy

  • Cordova CLI，使用 Git，并保存插件/平台

    我正在尝试找出如何将一些 Cordova git 最佳实践 与我认为的现实相协调 我希望有人能为我阐明这一点 如果我理解正确的话 当前的 最佳实践 是将这些目录添加到我的 gitignore 来自 使用 Cordova CLI 进行开发 一

  • 有人可以解释一下 xml:base 属性在 XHTML5 中的用途吗？

    我想知道 xml base 属性的作用是什么以及它在 XHTML5 中的值是什么 xml base 属性有什么限制吗 文档为xml base可以被找寻到here http www w3 org TR xmlbase syntax 它允许重新

  • 在 Java 中将列表迭代器传递给多个线程

    我有一个包含大约 200K 元素的列表 我是否能够将此列表的迭代器传递给多个线程 并让它们迭代整个列表 而没有任何一个线程访问相同的元素 这就是我此刻的想法 Main public static void main String args

  • Statsmodels Poisson glm 与 R 不同

    我正在尝试根据 R 中提供的一些代码来拟合一些模型 空间交互模型 我已经能够在 python 框架中使用 statsmodels 使一些代码正常工作 但其中一些代码根本不匹配 我相信我的 R 和 Python 代码应该给出相同的结果 有人看

  • 非模板化成员函数的enable_if用法[重复]

    这个问题在这里已经有答案了 C 程序设计语言 第四版 一书 第28 4章 第796页 解释了enable if并给出了使operator gt 成为条件定义的示例 书中的例子只是一个代码片段 我将其完成为程序如下 include

  • lua __pairs 的实际实现是什么？

    有谁知道 lua 5 2 的实际实现吗 元方法 pairs 换句话说 我如何实施 pairs作为元表中的元方法 因此它的工作原理与pairs 我需要覆盖 pairs并想跳过我在表中添加的一些虚拟变量 下面将使用元表元来显式提供pairs默认

  • 更改数组适配器中列表项的文本颜色

    我创建一个列表视图并在自定义对话框中实现该列表视图 该列表视图使用数组适配器 在我的数组适配器中 我使用自己的布局和所需的颜色 代码如下 listView new ListView context ArrayAdapter

  • PHP Printf 作为浮点精度

    我正在尝试使用 PHPprintf功能打印出用户的存储容量 完整的公式看起来像这样 echo printf 02f size 1024 1024 GB 鉴于 size 10 1024 1024 这应该打印出来 10 00 GB 但事实并非如

  • 读取 byte[] 历史队列

    我正在尝试编写一个我知道数组大小的字节数组 但是我无法解析结果数据 我正在使用以下代码 okAppender writeBytes b gt b write byteData and byte byteData new byte 500 o

  • 如何在phpmyadmin中导入大型sql文件

    我想导入一个大约 12 mb 的 sql 文件 但它在加载时引起问题 有没有办法在不分割sql文件的情况下上传它 尝试根据您的操作系统的口味从 mysql 控制台导入它 mysql u DB USER NAME p DB NAME lt d

  • Spring Boot：禁用特定 URL 的客户端身份验证

    我的配置中有以下配置application yml server address port 8443 sessionTimeout 30 ssl client auth need key store keyStore jks key sto

  • Xamarin iOS 通用链接支持 Twitter 身份验证

    所以 现在 Twitter 从 9 月 25 日开始支持通用链接 这意味着当 UIWebView 命中时https twitter com oauth authorize oauth token https twitter com oaut

  • 仅根据字段名称对类数组进行排序

    我有一个应用程序 用户向我提供字段名称 例如name or costInCents 我必须按该字段排序 我有办法保证字段名称是正确的 这个应用程序导致了我根本无法上课的复杂情况Comparable并实施具体的compareTo 因为自定义实

  • 为用户定义类型实现 ToOwned

    考虑以下示例代码 derive Clone struct DataRef lt a gt text a str derive Clone struct DataOwned text String 我要实施ToOwned for DataRe

  • 如何让 iPhone 应用程序用户提交崩溃报告？ [复制]

    这个问题在这里已经有答案了 可能的重复 iPhone如何获取客户的崩溃日志 https stackoverflow com questions 3844482 iphone how to get crash log from custome

  • 在 JavaScript 中，当完成通过 new ActiveXObject 创建的对象后，我是否需要将其设置为 null？

    在 WSH 中运行并创建对象 例如 Scripting FileSystemObject 或任何任意 COM 对象 的 Javascript 程序中 完成后是否需要将变量设置为 null 例如 我建议这样做 var fso new Acti

  • 如何将开始按钮放在剪辑的中间

    我在以下位置找到了设计师页面http www videojs com http www videojs com 在那里 您可以将开始按钮的位置更改为剪辑的中间 但我无法在 video js 播放器上放置或使用此样式表 有人可以解释一下如何在

热门标签