[기타] Jwplayer 반응형으로 검정화면 없이 꽉차게 만들기
페이지 정보
루루아빠
4,479 1
2015.09.08 15:31:56
짧은주소
-
https://yadolee.com/tip/286 주소복사
본문
에디터를 통해 글 작성시 소스보기를 유지하고 다음의 소스를 이용해 글을 작성한다.
중요한 것은 실제 영상의 크기를 파악해서 max-width: 값에 대응하는 것이다.
<div style="text-align:center">
<div id="player"></div>
<script type="text/javascript">
jwplayer('player').setup({
file: "미디어 경로.확장자",
image: "이미지 경로.확장자",
title: "제목",
width: '100%',
aspectratio: '1:1',
skin: 'five',
});
</script>
<style>
#player{position:relative;max-width:640px;margin-left:auto;margin-right:auto;height:auto}
</style>
</div>
중요한 것은 실제 영상의 크기를 파악해서 max-width: 값에 대응하는 것이다.
추천인
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글1
루루아빠님의 댓글