| 아래코드의 사용은 html+css 가 가능한 그누게시판 또는 다음카페 게시판에서 기능합니다.
예제 - https://cafe.daum.net/gnuworld/ZJfw/17 |
블랙사운드 mp4 만들기 - https://cafe.daum.net/gnuworld/ZMgZ/2
|
gif 이미지는 반드시 16:9 비율로 만드세요. 960-540 사이즈를 가장 강추합니다. 나머지 비율의 사이즈는 따로 질문하지 마시고 본인들이 직접 퍼블리싱하여 사용하세요.^^
|
|
<style> #gifDiv { position:relative; width:100%; max-width:960px; margin:0 auto; } #gifImg { display:block; width:100%; } #mp4Sound { display:block; position:absolute; width:100%; top:0px; mix-blend-mode:screen; } #mp4Sound::-webkit-media-controls-fullscreen-button { display: none; } #fullscreenBlock { display:block; position:absolute; width:100%; bottom:70px; } @media screen and (hover:none) and (pointer:coarse) { #fullscreenBlock { display:none; } } </style> <div id=gifDiv> <img id=gifImg src="gif경로"> <video id=mp4Sound src="블랙mp4경로" autoplay loop controls controlslist=nodownload></video> <img id=fullscreenBlock src="투명png경로"> </div>
|