我使用 videoJS 在 HTML5 网页上播放视频。一切在 PC 上运行良好(即使使用 Safari),但在 iPad(iOS 5)上,即使视频播放良好,我也遇到了视频大小的问题——它非常小,我不知道不知道如何让它更大。
width
我尝试height
在video.js
. 另外,我的视频应该是 408px 宽和 520px 高,在 iPad 上它比高宽,而且两边各有一个黑色。
我该如何解决这个问题?
EDiT @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)
谢谢