Twitter bootstrap 3 当处于“全屏”模式时,引导模式窗口内的HTML5视频渲染非常不正确
我有一个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
有人知道问题可能是什么,或者我如何才能让它正确显示吗?这个问题发生在我当前的项目中,但只发生在iPad上。在任何其他设备上,全屏都可以正常工作。我使用AngularJS和ui引导来显示模态 即使从中改编这个例子也是不可能的,我只是没有找到一个地方来改变HTML/CSS结构中的任何东西,使它在我的iPad mini上工作 我的解决方案是将以下flashvars参数添加到我的kWidget.embed设置中:
...
"flashvars": {
...
"EmbedPlayer.EnableIpadHTMLControls" : false,
...
},...
在这种配置下,iPad上的全屏显示功能正常,其他设备上的行为保持不变。我也有同样的问题。iOS显然是使用Kaltura的HTML5播放器的任何版本。视频不会逃逸页面上的某些元素,这些元素的大小与模式大致相同。