4

私は、主に iPad で実行されるはずの WebApp に取り組んでいます。アプリはいくつかのビデオを再生し、インタラクティブなコンポーネントもいくつか備えています。

私の問題は表面的なものです: HTML5 ビデオ タグは正常に動作しますが、私が作成したカスタム コントロールはビデオ/オーディオの再生をうまく制御します。ビデオの側面が消えます。

埋め込みは完全に標準です。

<video id="video" src="./video/video.mp4" width="1024"></video>

いまいましいビデオを iPad の画面とまったく同じ幅にしたいのですが、指定したサイズに関係なく、常に横に黒いバーが表示されます。私が見つけた唯一の回避策は、ビデオのサイズを大きくしてから、負のマージンを与えて中央に配置することですが、確かにより良い解決策があるはずです...特に、黒い不要な「マージン」の幅が一定ではなく、ビデオの指定された幅に応じて変化します。誰かが以前に同じ問題を抱えていましたか? どんなアイデアや助けも大歓迎です。皆さん、ありがとうございました。

4

1 に答える 1

4

入力していただきありがとうございます。ビデオ要素の高さも指定する必要があることが判明しました。何らかの理由で、iPad の Safari はビデオとコントロールを適切にスケーリングしません。実際のビデオ タグ内で 16:9 に相当するピクセルを HTML ファイルで明示的に指定するとすぐに、バーが消えました。

于 2012-08-08T13:51:55.073 に答える