간편한 소스코드 만들기 [잘 사용 하셈]

 

 

 

유튜브가 아니라 HTML5에 기본으로 내장된 영상 플레이어가 있다

 

보통 이런식으로 뜰꺼임

크롬기준 F12를 누르면 HTML 뼈대가 나옴

여기서 복사 해온다.

 

"https://img-9gag-fun.9cache.com/photo/에이브이zOmRb_460svvp9.webm" type="video/webm">

그럼 이런 구조가 있는데.

파란색은 당연히 영상 링크다.

여기서 당신이 신경써야 할 것은 빨간색 이다.

여기서  control="""를 빼면

이렇게 된다.

 

그러면 컨트롤바가 없어져서 조작을 할 수 없게 된다.

 

에서 autoplay ="" 를 빼면

 

자동재생 기능이 꺼지게 된다.

muted="true"를 추가하면

video conrols="" muted="true" autoplay="" name="media">

이렇게 되는데

 

그렇다. 영상이 무소음 모드가 된다.

이걸 잘 활용해서 영상을 집어넣으면.

영상 + 컨트롤바 없음 + 자동재생

마치 움짤처럼 변한다.

video conrols="" muted="true" autoplay="" name="media" loop>

반복 재생해주고 싶으면 저기에 loop 추가해주면됨

요약:

control=""" 를 빼면 컨트롤바

autoplay="" 를 빼면 수동재생

muted="true"를 빼면 소리켜짐

 

 

잘 써먹어!

다들 보라고 유머탭