Videojs 在不使用任何插件的情况下显示自定义消息
Videojs displaying a custom message without using any plugin
我正在尝试根据 videojs.Is 中的特定条件显示错误消息,有任何可能的方法可以在不使用任何插件的情况下显示消息,例如 videojs-errors
?
我试过使用 player.error()
但这只会在控制台中打印错误,但我需要在播放器上使用它。
您是否尝试过在视频标签旁边(而不是内部)创建一个 HTML 元素,然后将其放在与视频标签相同的容器中?使用 CSS、绝对定位和 z-index,您应该能够将它放在播放器本身的顶部。
您可以使用 Video.js 的内置模式对话框:
player.createModal('Your message here!');
路易斯写道(在他的回答中):"With CSS, absolute positioning and z-index you should be able to put it on top of the player itself."
我自己之前尝试过,但是没有 z-index 值可以解决这个限制
在全屏模式下看不到它。该尝试在这里:https://weasel.firmfriends.us/HTMLVideoFromCloud/
但后来我想到,在全屏模式下肯定可见的一种方法是 VTT sub-titles/captions 方法。我完成了
今天早上的原型。它确实有一个限制......它
仅适用于具有完整 VTT 支持的浏览器......即Chrome 和歌剧。
Firefox 和 Edge 都没有正确实现 VTT。)
新原型在这里:
https://weasel.firmfriends.us/DualSubs/
希望对您有所帮助。
我正在尝试根据 videojs.Is 中的特定条件显示错误消息,有任何可能的方法可以在不使用任何插件的情况下显示消息,例如 videojs-errors
?
我试过使用 player.error()
但这只会在控制台中打印错误,但我需要在播放器上使用它。
您是否尝试过在视频标签旁边(而不是内部)创建一个 HTML 元素,然后将其放在与视频标签相同的容器中?使用 CSS、绝对定位和 z-index,您应该能够将它放在播放器本身的顶部。
您可以使用 Video.js 的内置模式对话框:
player.createModal('Your message here!');
路易斯写道(在他的回答中):"With CSS, absolute positioning and z-index you should be able to put it on top of the player itself."
我自己之前尝试过,但是没有 z-index 值可以解决这个限制 在全屏模式下看不到它。该尝试在这里:https://weasel.firmfriends.us/HTMLVideoFromCloud/
但后来我想到,在全屏模式下肯定可见的一种方法是 VTT sub-titles/captions 方法。我完成了 今天早上的原型。它确实有一个限制......它 仅适用于具有完整 VTT 支持的浏览器......即Chrome 和歌剧。 Firefox 和 Edge 都没有正确实现 VTT。)
新原型在这里: https://weasel.firmfriends.us/DualSubs/
希望对您有所帮助。