<![CDATA[
<p> </p><div class="figure-html" data-ke-type="html" data-source="<link rel="stylesheet" href="//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css">
<style>
* { font-family:'Nanum Barun Gothic' !important; }
#cafemenu { display:none !important; }
#content { margin-left:0px !important; }
video { display:block; width:100%; max-width:960px; margin:0 auto; cursor:pointer; border-radius:10px; }
video::-webkit-media-controls-fullscreen-button { display:none; }
video::-webkit-media-controls-panel {
position:absolute;
left:50%; top:50%; transform:translate(-50%, -50%);
width:50%;
background-image:url('');
}
@media screen and (hover:none) and (pointer:coarse) {
video::-webkit-media-controls-panel { position:static; transform:translate(0%, 0%); }
}
</style>
<video src="//blog.kakaocdn.net/dn/cZppFA/btrVzVX9zAu/Ed2P4uIq60xAFzn3XVdXQk/tfile.mp4" autoplay loop controls></video>"><div data-ke-class="article"><link rel="stylesheet" href="//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css">
<style>
* { font-family:'Nanum Barun Gothic' !important; }
#cafemenu { display:none !important; }
#content { margin-left:0px !important; }
video { display:block; width:100%; max-width:960px; margin:0 auto; cursor:pointer; border-radius:10px; }
video::-webkit-media-controls-fullscreen-button { display:none; }
video::-webkit-media-controls-panel {
position:absolute;
left:50%; top:50%; transform:translate(-50%, -50%);
width:50%;
background-image:url('');
}
@media screen and (hover:none) and (pointer:coarse) {
video::-webkit-media-controls-panel { position:static; transform:translate(0%, 0%); }
}
</style>
<video src="//blog.kakaocdn.net/dn/cZppFA/btrVzVX9zAu/Ed2P4uIq60xAFzn3XVdXQk/tfile.mp4" autoplay loop controls></video></div></div><p> </p><p style="text-align: center;"> </p><p style="text-align: center;">솔리드님 영상을 mp4 로 걸어 보았습니다.</p><p style="text-align: center;">가상자태그로 플레이어바의 가로사이즈를 줄여 정중앙에 위치시켰습니다.</p>
<!-- -->
]]>
카페 게시글
[ 공지 게시판 ]
[ 제7차 카페 대문 ] : 메인 영상 교체
비타주리
추천 4
조회 118
23.01.10 23:42
댓글 11
북마크 번역하기 공유하기 기능 더보기
다음검색
첫댓글 와우...이미지도 멋진데..
부드러운 움직임 효과는 더 멋지네요..
고급 영상미 즐감합니다 수고하셨습니다.^^
스위시로 가능해요. 그런데 스크립트로 코드 짜는데는 한 무박 2일 걸릴 듯.ㅋ
고딩때 배운 "함수의 극한값"을 이용해서 역가속의 탄성스피드를 주면 부드러운 사이즈변화나 속도조절이 충분히 가능하지요.
이게 에펙에는 모션옵션으로 있는 것 같은데 스위시는 스크립트로 사용자함수를 만들어야 합니다. 파라미터가 꽤 필요한...
이참에 둥절님도 에펙 배우셈. 유튜브에 강의가 널렸더라구요. 감각이 좋으셔서 정말 많은 걸 만드실 수 있을 거에요.
아... 나도 에펙을 해야 하긴 하는데. 시작하기가 이리 힘들어서야 원... 표현식들을 보니 대부분의 코딩언어와 흡사해서 에펙 액션 구문도 습득하기에 어려울 것 같지도 않은데... 동기부여가 될 만한 일이 없어서 그러네요.
에펙하고 플래시 애니메이트는 언젠가는 해 보고 싶어요. 다른 동영상 프로그램은 사실 거의 관심 없구요.
@비타주리 네 마자요 동기부여가 되면 당장이라도.^^;
채울수 없는 부분?은..다른 걸로 배워서 채워 야 할것 같아요.;;
그런데 혹시나 해서 트랙바 클릭 하니 이동 하네요..바가 가운데 있네요.헉;;
@둥절 컨트롤바의 사이즈랑 위치 조절이 동영상 안에서 다 가능하지요. 코드를 갖고 노는 것이 인생의 유일한 취미인데 이 정도야 뭐....ㅋ
주리님은 참 대단하단 말 밖에는 달리 할 말이 없네요. 비디오태그의 가상자에 포지션 태그를 줄 수가 있네요. 또 하나 배우고 갑니다.
솔리드님 이 영상 참 고품격인데 동영상 메가수를 보니 진짜 슬림하게 만들어져 있네요.
모바일에서는 포지션은 맞는데 클릭이 안 먹어서 디폴트 옵션으로 줘야 하는게 단점입니다.
와 눈이 호강하네효
전 언제나 해볼련지....
열심히 공부해야 갯어요
감기조심 하세효^^
에펙 카페에 가입하셔서 열심히 에펙 공부하셔야 합니다.
우리카페는 태그만 나누어요.ㅋ
메인영상교체 멋져요
즐감합니다
수고하셨습니다^^
솔리드님 영상입니다. 멋지게 만드셨지요.