3

DesignModo の video.js と Flat UI を使用して HTML5 ビデオ プレーヤーをセットアップしようとしています。ビデオプレーヤーをレスポンシブにする必要があるという問題があるため、幅を 100% にする必要があります。

問題は、これが設定されている場合、ビデオの高さが常にこの fiddle で確認できるようになることです。だから私が必要なのは(私が思うに)アスペクト比が変わるのでアスペクト比を検出するスクリプトです。ここでそのようなスクリプトを見つけましたが、iframeYouTube や Vimeo などのビデオ用に設計されています。

$allVideostoの値を変更してスクリプトを修正しようとしまし$("video[class^='video-js']"),たが、うまくいかないようです。誰かが私のフィドルを見て、何が問題なのか、それを修正する方法を教えてもらえますか?


ちなみに、フォント ファイルと画像へのリンクが 404 になっていることはわかっています。これは、現時点ではファイルがサーバーでホストされておらず、ローカルでテストしているためです。

4

1 に答える 1

0

height: 100%;からを削除するだけ.video-js .vjs-techです。そして、これは指定された幅 100% から自動的に縦横比を取得します。

于 2013-08-11T08:30:44.303 に答える