본문 바로가기

HTML 동영상2

HTML 쉽게 배우기 | 비디오 <video>/<iframe> 안녕하세요, 오늘은 HTML을 사용해서 비디오를 넣는걸 알아볼께요. 웹페이지에 비디오를 넣는 방법은 두 가지가 있는데요, 하나는 태그와 내 비디오 파일을 사용하는 방법, 다른 하나는 태그와 유튜브를 사용하는 방법입니다. 태그를 사용해서 비디오 넣기 저번에 이미지를 넣을때 태그를 사용했었죠. 이와같이 비디오를 넣을때 태그를 사용해서 비디오를 넣을수 있습니다. 태그와 같이 태그에 src 를 제공해야 합니다. 저는 짧은 비디오를 하나 다운 받아서 html 문서와 같은 위치에 저장했습니다. 그리고 태그를 아래와 같이 작성합니다. 호환되지 않는 브라우저 입니다. 하나 하나 살펴볼까요? 태그와는 다르게 는 열림/닫힘 태그로 이루어져 있습니다. width="400", 이거 모르시는분 없죠? 맞아요, 비디오의 넓이를 .. 2020. 10. 19.
HTML-동영상 | 티스토리 동영상 넣는방법 2가지 오늘은 블로그에 동영상을 넣는 방법들을 알아볼께요. 항상그렇듯이 티스토리에서 제공하는 툴과 HTML을 사용하는 방법, 이 두가지를 알아볼께요. 티스토리 툴로 동영상 삽입하기 1. 블로그 수정 페이지에서 위에 이미지 아이콘을 눌러 동영상을 선택하세요 2. 팝업에서 "업로드 파일 선택"을 눌러 동영상 파일을 선택하고 첨부를 눌러주세요 **동영상 파일이 크면 시간이 좀 걸려요** 3. 동영상이 삽입됐습니다 장점 - 쉽다 - 사이즈 바꾸기와 정렬할수있는 옵션툴이 있다 단점 - 동영상파일이 컴퓨터에 있어야된다 - 다른 동영상 (ex: 유튜브)을 삽입할수 없다 HTML으로 동영상 삽입하기 예시로 유튜브 동영상을 사용할게요. 1. 블로그 수정 페이지 위에서 HTML모드로 바꿔주세요 2. 유튜브에서 공유 코드 가져오기.. 2020. 9. 7.
반응형