일전에 유튜브 링크를 html 파일에 걸어서 해당 영상을 재생한 적 있었다. [해당 게시글은 여기로]
그런데 뭔가 마음에 안 든다. 그거 가지고 되겠어? 그건 그냥 바로가기에 불과하지, 진짜 영상을 올렸다고 말할 수 있을까?
그래서 준비했다. 영상 및 오디오 올리기!
이클립스로 행할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 비디오 삽입하기 </title>
</head>
<body>
<video controls autoplay width="700" height="500"> // Warriors
<source src="Warriors.mp4"
type="video/mp4; codecs="avc1.4D401E, mp4a40.2""></source>
<source src="Warriors.ogg"
type="video/ogg; codecs="theora, vorbis""></source>
<embed src="Warriors.wav"></embed>
</video>
</body>
</html>마침 들고 있던 USB에 영상 파일이 들어 있어서 쉽게 할 수 있었다.
상기한 코드를 입력하고 나면, 마지막으로 처리해야 할 절차가 있다.
이클립스 안에 영상 파일을 넣어주는 것. 내가 코드를 짠 프로젝트 WEBAPP영역에 파일을 드래그해서 붙여주면 끝난다.
실행된 모습
제이슨 모모아ㅠㅠ
참고로 영상을 브라우저에 올렸다고 이클립스를 꺼버리면 영상도 잘 재생되지 않으니 유의하자.
'웹정보구축' 카테고리의 다른 글
| css 배경 사진 / 구획 지정 (0) | 2022.05.19 |
|---|---|
| CSS 선택자 실습 (220519-css) (0) | 2022.05.19 |
| 시멘틱 웹 측면서 홈페이지 분석하기 (0) | 2022.05.10 |
| HTML 5.0 datalist keygen output, placeholder, autofocus, autocomplete, required, pattern 등등등... (0) | 2022.05.09 |
| HTML의 Form 태그 및 JSP (0) | 2022.05.09 |
