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!');

https://docs.videojs.com/tutorial-modal-dialog.html

路易斯写道(在他的回答中):"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/

希望对您有所帮助。