「lightbox」タグアーカイブ

Shadowbox3系でwmvなどの動画サイズをウィンドウサイズにフィットさせる方法

LightboxやShadowboxで動画フォーマットに対応させる

Lightboxなどはものによっては動画にも対応している。
shadowbox-js.com
例えば有名なところではこの Shadowbox 。

ただし、Shadowbox 3.x系には、致命的なバグがあって、 Windows Media Player で、wmv や mpeg 、avi を再生すると動画のサイズがフィットしない。

<a href=”mymovie.wmv” rel=”shadowbox;height=140;width=120″>

上記のように、導入方法に表記されている、サイズ指定をしても その中に小さいままの動画サイズで表示されるだけで、動画そのものはリサイズされない。

これを修正するには、

修正点はshadowbox.jsの中の2か所

shadowbox.js ファイルの

params={autostart:opt.autoplayMovies?1:0}

を、

params={autostart:opt.autoplayMovies?1:0,stretchToFit:1}

に変更。
場所は見つけにくいので、params={autostart:opt.autoplayMovies?1:0} で検索する。

また、

video/x-ms-wmv

を、

application/x-ms-wmp

に変更。
例によって非常に見つけにくいので、「video/x-ms-wmv」で検索する。

以上の2点を変更後、上書き保存。