5

プレーヤー自体がレターボックスまたはカラムボックスを処理するように、MEJS プレーヤー内でビデオをスケーリングする方法を知っている人はいますか? JWPlayer に 'fit' および 'fill' オプションがあるのと同様です。

基本的に、ラッパー内に存在するプレーヤーがあり、ユーザーの画面解像度に応じてラッパーのサイズを変更します。そのようです：

<div id="video_dims_wrapper" style="width: 1280px; height: 720px;">
    <video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay="autoplay" style="width: 100%; height: 100%;">           

        <source type="video/mp4" src="my_video.mp4" />
        <source type="video/webm" src="my_video.webm" />

        //Flash fallback removed for brevity

    </video>
</div>

そして、#video_dims_wrapper のサイズを変更するだけで、それに応じてサイズが変更される MEJS 要素に含まれます (幅: 100%; 高さ: 100%; スタイル宣言のため)。

これは、すべてのビデオが同じ縦横比 (この場合は 16:9) である場合にうまく機能しますが、異なる縦横比のビデオがあった場合、プレーヤー内でサイズ変更されず、プレーヤー全体がスケーリングされます。次元アップ。

私が実現したいのは、プレーヤーが常に 16:9 のアスペクト比を維持し、ビデオがプレーヤー内に収まるようにスケーリングされ、プレーヤーが必要に応じてビデオをレターボックスまたはカラムボックス化することです。

誰でもこれに遭遇しますか？解決策はありますか？

助けてくれてありがとう。

4

1 に答える 1