Video.js在不使用任何插件的情况下显示自定义消息

时间:2018-06-25 11:42:30

标签: javascript video-streaming video.js

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

我尝试使用player.error(),但这只会在控制台中显示错误,但我需要在播放器上显示它。

3 个答案:

答案 0 :(得分:3)

您可以使用Video.js的内置模式对话框:

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

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

答案 1 :(得分:-1)

您是否尝试过在视频标签旁边(不在内部)创建HTML元素,然后将其放置在与视频标签相同的容器中?使用CSS,绝对定位和z-index,您应该可以将其放置在播放器本身之上。

答案 2 :(得分:-1)

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

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

但是后来我想到,在全屏模式下肯定可以看到的一种方法是VTT字幕/字幕方法。我完成了 今天早上的原型。它确实有局限性... 仅在具有完全VTT支持的浏览器中有效...即Chrome和Opera。 Firefox和Edge均未正确实施VTT。)

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

希望这会有所帮助。