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) 확인 결과 영상의 크기가 스크린보다 크게 나와서 짤리네요 ㅠㅠ


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



저작자 표시 비영리 변경 금지
신고

다른 카테고리의 글 목록

강좌/HP N54L 활용 카테고리의 포스트 목록