HTML5視頻不會在iPhone上玩，雖然FancyBox 2.0.4

我有一個HTML5視頻加載到一個隱藏的div，通過一個FancyBox 2.0.4圖像點擊調用。我已經成功地通過幾乎任何臺式機，Mac和PC上的瀏覽器（甚至ie）獲得了HTML5視頻與FancyBox合作。然而，與iPhone（我不知道android）視頻似乎加載，但是當你點擊播放按鈕沒有任何反應。我知道這個視頻適用於iOS，因爲當你直接鏈接到它時，它沒有任何問題。HTML5視頻不會在iPhone上玩，雖然FancyBox 2.0.4

我打電話了這行代碼的視頻：

<a class="fancybox-thumbs" data-fancybox-group="thumb" href="#movie"><img src="images/sm/dm_rollover.jpg" alt="" name="Image1" width="175" height="175"></a>

和視頻編碼：

<video id="movie" width="900" height="506" preload controls> 
<source src="video/Demo.m4v"/> 
<source src="video/Video/Demo.mov" type="video/mp4"/>

我知道iPhone不會播放視頻更大然後640×480，我使用一個參考電影（.mov）來解決這個問題，允許在iPhone兼容版本和全尺寸視頻之間快速自動選擇。

任何人都可以指出我在正確的方向來解決這個問題嗎？ http://danielmease.com/

來源

2012-01-28 user1171287

不能完全確定，如果這是你的問題的原因，但你有這個js錯誤

Error: video is null 
Source File: http://danielmease.com/ 
Line: 120

我假設，因爲你有這個腳本

<script> 
var video = document.getElementById('video'); 
video.addEventListener('click',function(){ 
    video.play(); 
},false); 
</script>

你想getElementById('video')當你沒有與id="video"的任何選擇器。根據你的代碼，應該是getElementById('movie')，應該不是？

通常其他的js錯誤，可以打破的fancybox js代碼

來源

2012-01-28 22:58:26 JFK

感謝，我也忘了，我改變了ID，但是那不是問題。我評論說，腳本，仍然沒有。我用fancybox寫了一個新頁面，視頻仍然沒有。如果我將fancybox註釋掉並使視頻div可見，它會發揮出色，但是當它通過fancybox調用時它就不會播放。 danielmease.com/iphonealpha.html - 視頻和的fancybox danielmease.com/iphonebrovo.html - 只是視頻而這僅是對我發現這個問題的iOS - decktops做工精細，每次 – user1171287 2012-01-29 21:01:13

HTML5視頻不會在iPhone上玩，雖然FancyBox 2.0.4

回答

相關問題