2012-01-28 8 views
0

私はFancyBox 2.0.4で画像をクリックして呼び出されるhidden divにHTML5ビデオを読み込んでいます。私は、デスクトップ、Mac、およびPC(ほとんどの場合)のほぼすべてのブラウザからFancyBoxで動作するHTML5ビデオを正常に取得しました。しかし、iPhone(私はアンドロイドについては知らない)では、ビデオがロードされるように見えますが、再生ボタンをクリックしても何も起こりません。私はビデオがiOSで動作することを知っています。なぜなら、直接リンクしても問題はないからです。私はiPhoneが文句を言わない640×480、ビデオは大きなプレーを知って、私が使用していますFancyBox 2.0.4でもHTML5ビデオは再生されません

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

<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> 

とビデオコード:

私はこのコード行でビデオを呼び出しますこの問題を回避するリファレンスムービー(.mov)は、iPhone互換バージョンとフルサイズのビデオの間でクイックタイムの自動選択を可能にします。

誰でも私にこの問題を解決する正しい方向を指摘できますか? http://danielmease.com/

答えて

0

ない、これはあなたの問題の理由ですが、あなたが、これは誤り

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

をJSしまった私は、あなたがこのスクリプト

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

を持っているので、ときにあなたがgetElementById('video')をしようとしていると仮定した場合、完全に確認してくださいid="video"のセレクタがありません。あなたのコードによると、それはgetElementById('movie')でなければならないでしょうか?

jsの他のエラーがfancybox jsのコードに

+0

感謝を破ることができる。通常、私はIDを変更することを忘れて、しかし問題はないthatsのでした。 私はそのスクリプトをコメントしましたが、まだ何もありません。私はfancyboxだけで新しいページを書きました。ビデオとまだ何もありません。ファンシーボックスをコメントアウトしてビデオを見えるようにすると、それは素晴らしいプレーですが、ファンシーボックスでも呼び出されたときには再生されません。 danielmease.com/iphonealpha.html - ビデオとfancybox danielmease.com/iphonebrovo.html - ちょうどビデオ 、これが唯一の私は、この問題を発見していますiOSの上で - decktopsは罰金毎回仕事 – user1171287

関連する問題