Videojs在不使用任何插件的情况下显示自定义消息[关闭]答案

【问题标题】：Videojs displaying a custom message without using any plugin [closed]Videojs在不使用任何插件的情况下显示自定义消息[关闭]
【发布时间】：2018-06-25 11:42:29
【问题描述】：

我正在尝试根据 videojs 中的特定条件显示错误消息。是否有任何可能的方法可以在不使用 videojs-errors 之类的任何插件的情况下显示消息？

我尝试过使用player.error()，但这只会在控制台中打印一个错误，但我需要在播放器上使用它。

【问题讨论】：

标签： javascript video-streaming video.js

【解决方案1】：

您可以使用 Video.js 的内置模态对话框：

player.createModal('Your message here!');

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

【讨论】：

【解决方案2】：

您是否尝试过在视频标签旁边（不是内部）创建一个 HTML 元素，然后将其放置在与视频标签相同的容器中？使用 CSS、绝对定位和 z-index，您应该能够将其放在播放器本身的顶部。

【讨论】：

我对这个答案投了反对票，因为它没有提到我在这种方法上的尝试在“全屏”模式的情况下失败的限制。 [如果/.当我尝试另一种方法时，我一定会在这里分享它……敬请期待。 ]

【解决方案3】：

Luiz 写道（在他的回答中）：“借助 CSS、绝对定位和 z-index，您应该能够将其置于播放器本身之上。”

我之前已经尝试过，但没有 z-index 值可以解决限制在全屏模式下看不到它。尝试在这里：https://weasel.firmfriends.us/HTMLVideoFromCloud/

但后来我突然想到，在全屏中肯定可见的一种方法是 VTT 字幕/字幕方法。我完成了今天早上的原型。它确实有一个限制......它仅适用于具有完整 VTT 支持的浏览器...即铬和歌剧。 Firefox 和 Edge 都没有正确实现 VTT。）

新原型在这里： https://weasel.firmfriends.us/DualSubs/

希望这有帮助。

【讨论】：