Question

我使用videoJS在HTML5网页上播放视频。一切都在PC上运行良好（即使使用Safari），但在iPad（iOS 5）上，即使视频播放效果很好，我对视频大小也有疑问 - 它非常小，而且我不喜欢我知道如何让它更大。

我尝试添加width和height属性，并更改video.js中的默认宽度和高度。另外，我的视频应该是408px宽度和520px高度，在iPad上它比宽度更宽，每边都有黑色。

如何解决此问题？

编辑 @Emil谢谢你的时间。有一些代码：

我如何将视频添加到我的HTML页面：

<video id='videoDavi' class='video-js vjs-default-skin' autoplay='autoplay' width='408' height='520' style='z-index: 1;' data-setup='{}'>
    <source src="#DOSSIER_SQUELETTE/video/bub_Intro.<?php echo $extension; ?>" type="<?php echo $type; ?>" /> 
</video>

“$ extension”和“$ type”用于为正确的浏览器选择合适的视频。我过去常常使用videoJS解决方案（<video> <source [..]/> <source [...] /> <source [...] /> </video>），但必须进行更改才能让我不记得有效。

我也加入了我的CSS：

video#videoDAVI_html5_api{ width: 408px; height: 520px; }

因为我通过网络检查员模拟器看到iPad上的代码

<video id="videoDAVI_html5_api" autoplay src="video.mp4"></video>

（+我忘了我也在使用easySlider 1.7）

由于

Answer 1

我终于在iPad上工作了。

我在<video id="videoDavi"></video>

下有这段代码

<script>
     var homePlayer=_V_("videoDavi");
</script>

并有视频-js.css（其他人不需要它，我仍然不明白为什么iPad需要它）现在它在Android / Chrome上根本不起作用，但在Android / Firefox上工作..但我想我会找到原因，但还没有搜索。

iPad iOS5上的VideoJS：关于宽度和高度

1 个答案: