我正在開發一個移動網站與jQuery的移動,它適用於所有平臺上沒有iOS的完美。我試圖刪除jQuery的移動腳本,然後加載視頻,但頁面的其餘部分然後很糟糕。這是一部mp4電影。只有在iOS上的jQuery移動問題,當顯示電影
使用版本jquery-mobile-1.0和video-js。
任何人都有同樣的問題?
<div class="vjs-container">
<div class="videoWidth video-js-box test-css vjs-controls-below vjs-paused" style="width: 1809px;">
<video height="416" width="720" data-subtitles="/sites/video/PublishingImages/test/test.jpg" poster="" preload="metadata" x-webkit-airplay="allow" class="video-js" tabindex="0" style="">
<source type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="/sites/video/PublishingImages/test/test.mp4"></source>
<source type="video/ogg; codecs="theora, vorbis"" src="/sites/video/PublishingImages/test/test.ogv"></source>
<div class="vjs-flash-fallback">
<img height="416" width="720" title="Ingen mulighet til å spille av video." alt="Ingen mulighet til å spille av video." src="/Style%20Library/gui/video-fail.jpg">
</div>
</video>
<!-- Download links provided for devices that can't play video in the browser. -->
<p class="vjs-no-video" style="display: none;">
<strong>Last ned video:</strong> <a href="/sites/video/PublishingImages/test/test.mp4">MP4</a>,
<a href="/sites/video/PublishingImages/Oppakning/test.ogv">Ogg</a><br>
<a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
</p>
<div class="vjs-styles-check" style="position: absolute; display: none;"></div><img src="http://m.test.aspx" class="vjs-poster" style="display: block; height: 1045px; width: 1809px;"><div class="vjs-big-play-button" style="display: block;"><span></span></div><div class="vjs-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div><div class="vjs-controls"><div class="vjs-play-control"><span></span></div><div class="vjs-progress-control"><div class="vjs-progress-holder"><div class="vjs-load-progress" style="width: 24.01%;"></div><div class="vjs-play-progress" style="width: 0%;"></div></div></div><div class="vjs-time-control"><span class="vjs-current-time-display">00:00</span><span>/</span><span class="vjs-duration-display">00:00</span></div><div class="vjs-volume-control"><div><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span></span></div></div><div class="vjs-fullscreen-control"><div><span></span><span></span><span></span><span></span></div></div></div></div>
<div class="clear"></div>
但爲什麼它在WP7和Android的工作?這只是iOS中的一個問題。如果這是唯一的解決方案,我將有一個問題在每個視頻上都有相同的選擇器。 – Plexus81 2012-03-29 12:33:14
可能是兩個系統之間渲染時間的差異。 – 2012-03-29 13:53:07