비디오 팟캐스트 방송을 위한 html5.0 태그

교회방송실무

비디오 팟캐스트 방송을 위한 html5.0 태그

예수사랑 0 4446 0 0

1. 비디오 태그 <video>

 

비디오태그는 앞서 설명한 오디오태그처럼 플러그인이 없어도 작동된다는 장점을 가지고 있지만 단점으로는 특정 브라우저에서는 재생이 되지않는다는 단점이 있지만 국내의 많은 유저들이 익스플러와 크롬을 사용하기 때문에 별문제 없이 사용하는데 지장이 없을 것으로 보인다.

 

브라우저마다 지원하는 파일 형식

 

 

익스플로러

크롬 

파이어폭스

사파리

오페라 

MP4(H.264+ACC)

O

O

X

O

X

WebM(VP8+Vorbis)

X

O

O

X

O

OGV(Theora+Vorbis)

X

O

O

X

O

 

2. 비디오 태그 사용하기


<video controls="" preload="" style="width:640px;height:480px;">

<source src="파일경로/파일명.mp4">

</video>

<source src="">의 ""부분에는 자신이 올린 동영상의 주소를 넣어주면 된다. 티스트리나 특정사이트에 올린 동영상도 동일하다.

 

태그 속성은 아래와 같다.

 

 src

 비디오 파일 경로 지정 

 poster

 비디오 준비중일때의 이미지 경로

 preload

 비디오를 재생 하기 전에 모두 불러올지 지정

 autoplay

 비디오를 자동 재생 할지 지정 

 loop

 반복 재생 지정

 controls

 비디오 재생 도구 출력 지정

 width

 너비 지정

 height

 높이 지정

<video controls="" poster="http://동영상 출력 화면 이미지경로/파일명.png" preload="" style="width:640px;height:480px;">

<source src="http://파일경로/파일명.mp4">

</video>

 

다른 파일이 있는 경우라면

 

<video>

<source src="http://파일경로/파일명.mp4">

<source src="http://파일경로/파일명.ogv">

</video> 

0 Comments
Hot

인기 OBS Studio 를 이용하여 페이스북 라이브 방송하기

댓글 0 | 조회 3,226 | 추천 1
페이스북에도라이브 방송기능이 있다는 사실 알고 계셨나요? 알고 계셨다고 해도 대부분 스마트폰 라이브 방송밖에 없다고 생각하실 수도 있습니다. 그래서 오늘은PC에서 페이스북 라이브 … 더보기

현재 비디오 팟캐스트 방송을 위한 html5.0 태그

댓글 0 | 조회 4,447 | 추천 0
1. 비디오 태그 <video> 비디오태그는 앞서 설명한 오디오태그처럼 플러그인이 없어도 작동된다는 장점을 가지고 있지만 단점으로는 특정 브라우저에서는 재생이 되지않는다… 더보기
Hot

인기 OBS Studio와 듀얼모니터로 대형교회 방송실 뛰어넘기

댓글 0 | 조회 4,832 | 추천 0
개척교회에서는 꿈도 못꾸는 이런 방송 시스템을 간단하게 구현할 수 있다면??? OBS Studio는 오픈소스 프로젝트로 만들어지는 방송프로그램이다. 보통 트위치나 카카오티비, 유튜… 더보기
00:00
Loading...


카테고리
상담실

상담대표전화

070-4845-8590

  • 상담 시간 : 연중무휴
  • 부재시 쪽지나 문의 게시판을 이용
  • 주일은 아래 시간 이후
8:00 PM
주일 모든 예배 후
연락 가능
Rank
방문 통계
  • 현재 접속자 0 명
  • 오늘 방문자 1,318 명
  • 어제 방문자 2,324 명
  • 최대 방문자 4,548 명
  • 전체 방문자 1,113,143 명
  • 전체 게시물 1,840 개
  • 전체 댓글수 52 개
Facebook Twitter GooglePlus KakaoStory NaverBand