fancybox iframe video-js on ipad/phone

Question

我在我们的网站上到处使用fancybox 2.1.5。一些弹出窗口包括一个带有视频的 iframe，播放器是 video-js。这在Mac，Windows，Android上都运行良好。但是（不是总是有一个"但是"吗？）在iPad和iPhone上不太好。在这里，所有视频 iframe 弹出窗口的高度都很短（约 150 像素），而弹出窗口的宽度通常为 800 像素。视频看起来与该高度成正比，因此太小。

这是页面上的花哨框代码：

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

如果没有自动缩放

（或自动缩放"false"）或定义高度，它也没有区别。有什么建议吗？

Answer 1

好吧，我想通了。在加载到 iframe 中的 html 页面上，我输入了 style="width：700px;高度：380px"直接进入视频标签

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

这解决了iPad上的问题