我刚接触Video-js,我想用它在我的网站上放一个视频播放器,我正在尝试在视频上添加自定义的'click‘事件(或移动设备的'tap’),以覆盖video-js播放器的自然行为。当我点击或点击视频时,我希望播放下一个视频,而不是播放/暂停视频。
代码可以工作,但即使当我单击控制栏上的一个按钮时,该事件也会触发,其中有控制按钮,如:播放、音量、全屏。
如果你希望click事件只在用户点击视频(而不是在控制栏的按钮上)时触发,是否有另一个事件名称可用,或者在事件函数中是否有测试,以测试在执行代码之前是否在控制栏上完成了click返回?
目前,我只有以下几点:
var player
我在react中使用VideoJS,并使用videojs-overlay创建了一个自定义标题栏组件。我想要的是,当用户不活动时(鼠标不移动),标题栏应该淡出和淡入,因为用户移动鼠标。这是在ControlBar组件中完成的,但对于自定义组件如何完成还不清楚。 var TitleBar = videojs.extend(Component, {
constructor: function () {
// It is important to invoke the superclass before anything else,
// to get all
我试图添加使用组件的自定义按钮。
试着在播放器上显示公司标志。定义选项对象并调用组件,但不获取组件函数中的值。
(function(window, videojs) {
var options = {"logo": "<https://brightcovelogo.png>"};
// inti player
var player = videojs.getPlayer('brightcoveplayer');
var ContentLogo= videojs.extend(Component, {
我已经动态地向Eclipse工具栏中的下拉按钮添加了一个下拉列表,方法是按照以下说明:
现在我需要更新下拉列表。我的想法是删除旧的列表,然后添加一个新的列表到下拉按钮。我尝试了方法: removeContributionFactory(AbstractContributionFactory工厂)和IMenuService的dispose(),但它们都没有工作。有人能给我一些如何实现这个目标的建议吗?
下面是我使用的代码:
(1)在A类中,我调用该方法将下拉列表添加到下拉按钮(命令)
Class A {
public static ContextSwitchContributionFactor
我已经改变了.vjs-big-play-button在我的定制VideoJS播放器是一个100%的宽度和高度半透明覆盖覆盖整个视频区域。我也希望它淡入和淡出,当你播放和暂停视频。
它可以工作,但现在点击视频区域不再暂停视频。要暂停视频,我必须单击控制栏中的小播放暂停按钮。
VideoJS是在.vjs-big-play-button上使用display: none来删除它,但是它不能用css动画。是否有一种方法可以淡出大播放按钮并保留功能?
这是可行的,但没有动画:
// Hide if the video is playing
.vjs-has-started .vjs-big-play-bu