HTML 비디오 삽입

HTML

by 기련이 2020. 5. 12. 18:09

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>비디오 열기</title>
</head>
<body>
<!-- <video>태그
	파일 형식 : mp4, webM
	주요 속성 : src, poster, preload, autoplay,
				loop, controls, width/height,
				muted(음소거)
-->
<video src ="videos/movie.mp4" controls></video><br>
<video src ="videos/mov_bbb.mp4" controls autoplay loop></video>
<!-- youtube 연동하는 방법
	iframe를 사용하는 방법
	 -->
<iframe width="500" height="300" src="https://www.youtube.com/embed/XS7IBdZpGu8" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>
</body>
</html>

<video>태그
파일 형식 : mp4, webM
주요 속성 : src, poster, preload, autoplay,
loop, controls, width/height,
muted(음소거)

<video src="">로 파일이름을 넣으면 동영상파일이 입력된다

*실행하기위해선 controls 문구를 넣어줘야함

위에 다양한 문구로 영상 속성 변경 가능

youtube 연동하는 방법 -유튜브 영상 마우스 우클릭 후 소스코드 복사 ->

붙여넣기 하면 유튜브 영상 첨부 완료!

'HTML' 카테고리의 다른 글

HTML 블록과 인라인 (0)	2020.05.12
HTML 이미지 넣기 (0)	2020.05.12
HTML 오디오 삽입 (0)	2020.05.12
HTML 목록 만들기 (0)	2020.05.11
HTML 시간표 만들기(표만들기) (0)	2020.05.11