Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Video 全屏视频是如何工作的?_Video_Html5 Video_Video.js - Fatal编程技术网

Video 全屏视频是如何工作的?

Video 全屏视频是如何工作的?,video,html5-video,video.js,Video,Html5 Video,Video.js,具体来说,我使用video.js将视频实现到网站中。该视频具有JS CSS触发器,可在视频中的特定时间显示覆盖div元素(如YouTube注释) 但是,在全屏模式下,这些元素将不会显示。我想尝试解决这个问题,但我甚至不知道全屏模式是如何工作的,也不知道如何确保在全屏模式下视频中的元素能够正确缩放。HTML5中的全屏模式是浏览器放置元素及其包含的所有元素,进入一种特殊的全屏模式,在这种模式下,它有特殊的权限在浏览器的chrome上进行渲染,并执行一些其他操作,如处理键盘输入 这里没有什么特别的事情

具体来说,我使用video.js将视频实现到网站中。该视频具有JS CSS触发器,可在视频中的特定时间显示覆盖div元素(如YouTube注释)


但是,在全屏模式下,这些元素将不会显示。我想尝试解决这个问题,但我甚至不知道全屏模式是如何工作的,也不知道如何确保在全屏模式下视频中的元素能够正确缩放。

HTML5中的全屏模式是浏览器放置元素及其包含的所有元素,进入一种特殊的全屏模式,在这种模式下,它有特殊的权限在浏览器的chrome上进行渲染,并执行一些其他操作,如处理键盘输入

这里没有什么特别的事情发生。您可以使用普通的Chrome调试工具来观察全屏模式的行为,这就是我建议您研究全屏工作原理的内部方式

但对于您的特定问题,如果您的文本没有以全屏模式显示,则解决方案是,在包含视频播放器和覆盖元素的div上,而不是在视频元素上请求全屏模式,而是在包含视频播放器和覆盖元素的div上请求全屏模式。这样,标题将包含在全屏请求中


您也可以尝试操纵标题所在元素的z索引,但根据,这不是首选解决方案,因为它预计有一天会停止工作。

HTML5中的全屏模式是浏览器放置元素及其包含的所有元素,进入一种特殊的全屏模式,在这种模式下,它有特殊的权限在浏览器的chrome上进行渲染,并执行一些其他操作,如处理键盘输入

这里没有什么特别的事情发生。您可以使用普通的Chrome调试工具来观察全屏模式的行为,这就是我建议您研究全屏工作原理的内部方式

但对于您的特定问题,如果您的文本没有以全屏模式显示,则解决方案是,在包含视频播放器和覆盖元素的div上,而不是在视频元素上请求全屏模式,而是在包含视频播放器和覆盖元素的div上请求全屏模式。这样,标题将包含在全屏请求中

您也可以尝试操纵标题所在元素的z索引,但根据,这不是首选解决方案,因为它预计有一天会停止工作。

标题可能重复的可能重复