interactive_design/web_design

웹디자인 2: 동영상 삽입하기

jisunlee 2010. 11. 15. 12:54
민원기님 블로그 참고
http://wkimin.tistory.com/13

모바일 웹에서도 동영상을 재생할수 있는 간단한 방법을 알아 보겠다.

* 3가지 방법이 있는데, blip.tv, youtube, vimeo 사이트를 사용하는 방법을 알아보자.
* 주의점 blip.tv를  제외하고는  default로 모바일 영상을 제공하지 않습니다. 
  동영상을 업로드 하는 사용자의 선택에 의해서 모바일 영상 제공여부가 구분됩니다.
  본인이 직접 동영상을 제작해서 업로드 한다면, 동영상 업로드시 mobile 동영상 제공 여부를 확인해야 합니다.

1) blip.tv 영상 (embed 코드)
<embed src="http://blip.tv/play/hr1cgouaZgA%2Em4v" type="application/x-shockwave-flash" width="480" height="320" allowscriptaccess="always" allowfullscreen="true"></embed>



2) youtube 영상 (iframe 코드)

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="320" src="http://www.youtube.com/embed/gB7MxBIN6Ok" frameborder="0"></iframe>



3) viemo 영상 (iframe 코드)

<iframe src="http://player.vimeo.com/video/14457073" width="480" height="320" frameborder="0"></iframe>



4) test link
www.inheart.kr/video/video.html