Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.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
Twitter bootstrap 3 当处于“全屏”模式时,引导模式窗口内的HTML5视频渲染非常不正确_Twitter Bootstrap 3_Modal Dialog_Html5 Video_Fullscreen - Fatal编程技术网

Twitter bootstrap 3 当处于“全屏”模式时,引导模式窗口内的HTML5视频渲染非常不正确

Twitter bootstrap 3 当处于“全屏”模式时,引导模式窗口内的HTML5视频渲染非常不正确,twitter-bootstrap-3,modal-dialog,html5-video,fullscreen,Twitter Bootstrap 3,Modal Dialog,Html5 Video,Fullscreen,我有一个HTML5视频,显示在引导模式对话框中。在正常模式下,视频可以正常播放,但当点击全屏按钮时,由于缺乏更好的描述,视频显示完全不正常 大部分视频是隐藏的,只显示一个比原始视频标签大小小的正方形 有人知道问题可能是什么,或者我如何才能让它正确显示吗?这个问题发生在我当前的项目中,但只发生在iPad上。在任何其他设备上,全屏都可以正常工作。我使用AngularJS和ui引导来显示模态 即使从中改编这个例子也是不可能的,我只是没有找到一个地方来改变HTML/CSS结构中的任何东西,使它在我的iP

我有一个HTML5视频,显示在引导模式对话框中。在正常模式下,视频可以正常播放,但当点击全屏按钮时,由于缺乏更好的描述,视频显示完全不正常

大部分视频是隐藏的,只显示一个比原始视频标签大小小的正方形


有人知道问题可能是什么,或者我如何才能让它正确显示吗?

这个问题发生在我当前的项目中,但只发生在iPad上。在任何其他设备上,全屏都可以正常工作。我使用AngularJS和ui引导来显示模态

即使从中改编这个例子也是不可能的,我只是没有找到一个地方来改变HTML/CSS结构中的任何东西,使它在我的iPad mini上工作

我的解决方案是将以下flashvars参数添加到我的kWidget.embed设置中:

...
"flashvars":  {
    ...
    "EmbedPlayer.EnableIpadHTMLControls" : false,
    ...
},...

在这种配置下,iPad上的全屏显示功能正常,其他设备上的行为保持不变。

我也有同样的问题。iOS显然是使用Kaltura的HTML5播放器的任何版本。视频不会逃逸页面上的某些元素,这些元素的大小与模式大致相同。