DesignModo の video.js と Flat UI を使用して HTML5 ビデオ プレーヤーをセットアップしようとしています。ビデオプレーヤーをレスポンシブにする必要があるという問題があるため、幅を 100% にする必要があります。
問題は、これが設定されている場合、ビデオの高さが常にこの fiddle で確認できるようになることです。だから私が必要なのは(私が思うに)アスペクト比が変わるのでアスペクト比を検出するスクリプトです。ここでそのようなスクリプトを見つけましたが、iframe
YouTube や Vimeo などのビデオ用に設計されています。
$allVideos
toの値を変更してスクリプトを修正しようとしまし$("video[class^='video-js']"),
たが、うまくいかないようです。誰かが私のフィドルを見て、何が問題なのか、それを修正する方法を教えてもらえますか?
ちなみに、フォント ファイルと画像へのリンクが 404 になっていることはわかっています。これは、現時点ではファイルがサーバーでホストされておらず、ローカルでテストしているためです。