video.js で html5 ビデオを使用し、サイトにリンクするのではなく、サーバーで js と css をホストしています。ビデオは、1500px を超える画面用と 1500px 未満の画面用の 2 つの異なるサイズにサイズ変更されます。これは、Safari と Firefox、Mac の場合は chrome、PC の場合は firefox で正常に動作しています。.htaccess ファイルでビデオ形式も設定しました。
2 つの問題があります。1. iPhone/iPadでは再生できません。iPhone にビデオへのダイレクト パスを入れましたが、正常に再生されるので、エンコード方法に問題があるとは思いません。しかし念のため、mov ファイルをフラッシュからエクスポートし、miro を使用して mp4 に変換しました。また、問題を引き起こす可能性があると読んだときに、ポスターが定義されている場合とされていない場合を試しました。jscrollpane jquery を削除すると、iPhone/iPad でビデオが再生されることを発見しましたが、サイトの水平スクロールに問題が発生します。誰かに備えてケビン運によってjscrollpaneへの参照を残したので、何が起こっているのかを簡単に理解できるようになることを願っています.
- IE を使用する PC ではビデオは機能しますが、サイズはサムネイルであり、スペースを埋めません。
私の問題を整理しました - 幅の後に重要を追加し、ビデオのサイズの IE 問題を修正しました。