2013-03-18 121 views
0

我使用videoJS在HTML5網頁上播放視頻。在PC上(甚至是在Safari上),一切都運行良好,但在iPad(iOS 5)上,即使視頻播放良好,我也遇到了視頻大小的問題 - 它非常小,不知道如何讓它變大。iPad上的VideoJS iOS5:關於寬度和高度[解決]

我嘗試添加widthheight屬性並更改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> 

的「$擴展」和「$型」是爲了選擇合適的瀏覽器右側的視頻。我曾經使用videoJS解決方案(<video> <source [..]/> <source [...] /> <source [...] /> </video>),但不得不改變,以便讓我不記得 - 什麼工作。

我也包括在我的CSS:

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

,因爲我看到throught一個網頁檢查模擬器,iPad上的代碼是

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

(+我忘了我還使用easySlider 1.7)

謝謝

+0

請包括一些代碼。 – Emil 2013-03-18 15:25:13

回答

0

我終於在iPad上工作了。

我有這個代碼下的<video id="videoDavi"></video>

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

,並有視頻js.css(它並不需要其他人,我還是不明白,爲什麼iPad的需要它) 現在是在Android/Chrome上完全不工作,但在Android/Firefox上工作..但是我想我會找到爲什麼,還沒有搜索。