Sunday, August 29, 2010

유튜브 HTML5 동영상 플레이어

유튜브 HTML5 동영상 플레이어에서 돌아가는 동영상 올리는 방법이 공개되고나서 블로그에 유튜브 동영상을 올리는 경우에 가능하면 플래시를 사용하지 않는 HTML5 버젼으로 동영상으로 올린다.
개인적으로 이를 위해서 공개된 코드를 바탕으로 일일이 유튜브 주소를 수정하여 iframe 소스 코드로 만들어서 올려었는데, 유튜브에서 그동안 사용했던 플래시 동영상 소스 코드와 더불어 HTML5 버젼 소스 코드도 같이 제공하고 있는 것을 알았다 (또 괜한 뻘질을 했었구나. ㅠ.ㅠ).


위의 그림과 같이 'iframe 소스 코드 사용' 옵션을 사용하면 HTML5 버젼 동영상으로 사용할 수 있는 소스 코드를 볼 수 있다.
Youtube.com/html5 페이지에서 '현재 HTML5 베타를 사용 중'으로 설정하여 유튜브 HTML5 동영상 플레이어를 활성화 시키고, 사용하는 브라우저가 비디오 태그를 지원하며, 동영상에 캡션, 주석, 광고가 보이지 않는 동영상이라면 제공된 소스코드를 블로그에 붙이면 HTML5 버젼 동영상을 볼 수 있다.


또한 유튜브 동영상 주소 뒤에 "&html5=True"만 덧붙이면 유튜브 HTML5 동영상 플레이어에서 돌아가는 동영상 링크를 만들 수 있다. 시험삼아 트위터에서 HTML5 버젼 동영상 링크를 올렸더니 유튜브 HTML5 플레이어에서 돌아가는 동영상을 볼 수 있었다.


이은미의 '애인있어요'를 HTML5 버젼으로 올려본다.

1 comment:

  1. It's wonderful that you are getting ideas from this article as well as from our argument made at
    this time.

    Also visit my blog post marriage counseling techniques

    ReplyDelete