Question

我在我们的网站上使用fancybox 2.1.5。一些弹出窗口包含一个带有视频的iframe，播放器是video-js。这适用于Mac，Windows，Android以及所有浏览器。但是，iPad上和iPhone上并不是一般的“但是”？这里所有视频iframe弹出窗口的高度都很短（大约150px），而弹出窗口的宽度通常为800px。视频看起来与该高度成比例，因此太小。

这是页面上的fancybox代码：

<script type="text/javascript"> /* videopopup */
$(document).ready(function () {
$.fancybox({
'width': '800px',
'autoScale': true,
'transitionIn': 'fade',
'transitionOut': 'fade',
'type': 'iframe',
'href': 'video/simpleshow.html'
});
});
</script>

没有自动缩放（或自动缩放'假'）或定义高度也没有区别。有什么建议吗？

Answer 1

好的，我明白了。在加载到iframe的html页面上我把style =＆＃34; width：700px;高度：380px＆＃34;直接进入视频标签

 <video style="width:700px; height: 393px;"

这解决了iPad上的问题

ipad /手机上的fancybox iframe video-js

1 个答案: