0

VideoJS を使用してビデオを表示しています。すべてのシステムのすべてのブラウザでうまく機能します。例外は iPad (iOS 5 と iOS 6、どちらも Safari と Chrome でテスト済み) です。ビデオは約 300px 幅にサイズ変更されます。

ページから videoJS を削除すると、ビデオが正しく表示されます。しかし、スキニングの目的と、HTML5 ビデオを jQuery スライダーで動作させるため、videoJS が必要です。

私はいくつかのことを試しました：

  • video.js または JS で幅と高さを手動で入力します。
  • CSS (!important を含む) を videotag とその下のすべてのタグ (param) に追加します。
  • スタックオーバーフローで見つけた漠然としたテクニックをいくつか試しました。-webkit-transform-style: preserve-3d; のように。ビデオタグで。
  • wmodeで遊んでみました。

何も機能していないようです。誰にもアイデアはありますか？

4

1 に答える 1

0

まず、まだアップグレードしていない場合は、2013 年 5 月の初めにリリースされた v4.0 にアップグレードすることをお勧めします。

4.0 では、幅の高さを設定するいくつかの例を見ることができます。少なくとも私の iPad では機能しています:
幅/高さ 100%: http://jsbin.com/uyelud/1/edit
Width 200px/900px (たとえば、奇妙な次元) http://jsbin.com/ojajuc/2/edit

vjs コードを順を追って説明するには...

幅と高さの設定は、次のタグから取得されます: https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L112

video タグから削除 (コンテナ div でラップされ、コンテナを満たすように作成されているため) https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L144

コンテナ div に適用 https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L180

そして、UI コンポーネント コードによって処理されます https://github.com/videojs/video.js/blob/v4.0.3/src/js/component.js#L647

ページの結果が異なる場合は、テスト ケースを縮小して絞り込むことができます。

于 2013-06-04T18:26:19.453 に答える