piwigo - videojs 플러그인 모바일 사이즈 조정

piwigo 갤러리 설치 사용 중 Video JS 플러그인을 사용중이다.

PC에서는 동영상이 정상적으로 보이는데

아이폰의 사파리 브라우저로 접속하니 동영상 크기가 더 크게 나와서 짜리는 경우가 발생..ㅠㅠ

그래서 직접 videojs 의 템플릿을 수정하였다.

위치는 다음과 같다.

piwigo/plugins/piwigo-videojs/template/vjs-player.tpl

이곳으로 이동 한 다음 파일을 백업해두자

tar cvf backup.tgz ./vjs-player.tpl

vi 등의 편집기로 위 파일을 열어 다음 문장을 수정한다.

<div style="margin: 0 auto; width:{$WIDTH}px; min-width:480px">

<div style="margin: 0 auto; width:95%px; min-width:480px">

<video id="my_video_1" class="video-js {/literal}{$VIDEOJS_SKIN}{literal}" {/literal}{$OPTIONS}{literal} width={/literal}"{$WIDTH}"{literal} height={/literal}"{$HEIGHT}"{literal} poster={/literal}"{$VIDEOJS_POSTER_URL}"{literal} data-setup='{}'>

<video id="my_video_1" class="video-js {/literal}{$VIDEOJS_SKIN}{literal}" {/literal}{$OPTIONS}{literal} width={/literal}"95%"{literal} height={/literal}"{$HEIGHT}"{literal} poster={/literal}"{$VIDEOJS_POSTER_URL}"{literal} data-setup='{}'>

필자는 95% 로 설정을 하였고

이 값은 사용자 환경에 맞춰서 설정하면 된다.

PC 와 iOS 는 확인, 안드로이드는 아직 확인 못함.

---

안드로이드(갤럭시S2) 확인 결과 영상의 크기가 스크린보다 크게 나와서 짤리네요 ㅠㅠ

혹시 이 문제 해결 하신 분 계실까요.. 웹 쪽은 잘 몰라서..