웹표준이라는 것은 쉽게 풀이 한다면 브라우저의종류(익스,크롬,파폭,사파리,오페라 등)나 브라우져 버젼이
 
맞지 않더라도 웹페이지를 사용할수 
 
있게끔 하는 것을 말합니다.또는 개발자사이에서 이런것은 이런식으로 마크업해서 
 
복잡한 코딩에서도 서로 알아볼수 있게끔 하자 정도의 뜻이 있습니다.
 
embed object video 3개의 기능은 비슷하지만 3개 다 웹표준에 맞는건  아닙니당
 
오브젝트와 비디오 가 웹표준에 맞다고 볼수 있어요
 
embed 는 오래전에 많이 사용했지만 그기능이 많이 모잘라 점점 사용횟수가 줄어들고 있습니다.
 
브라우저,버젼에 맞지 않으면 출력 되지 않기 때문이져  vieo 태그는 html5에 새롭게 생긴
 
태그입니다. 오브젝트를 현재 제일 많이 사용하고 있습니다.
 
embed 는 출력되지 않으면 그만이지만 오브젝트는 출력되지 않을시 여러방법으로 대체할수 있습니다.
 
<object data="파일이름.mpeg" type="video/mpeg">
<img src="파일이름.jpg" alt="브라우저나 버전이 안맞아 동영상을 재생할수 없습니다">
</object>
이런식으로 동영상이 지원되지않을경우 오브젝트 태그 안에 있는 파일을 출력시킬수 있습니다. alt 속성은 그림파일 위에 올려놓으면
 
나오는 메세지 입니다.
 
html5에서 새로 생긴 <video>태그는 이런기능이 추가 되었습니다.
 
-재생,일시중지,정지등 브라우저내의 자체컨트롤 가능하다.
 
-source속성을 이용해 파일을 여러개 지정해서 비디오/오디오 의 코덱종류나 파일확장자에 따라 맞는 것을 나오게 합니다
<video>
<source src="khw.mp4" type="video/mp4">
<source src="khw.avi" type="video/avi">
<source src="khw.ogg" type="video/ogg">
<object data="파일이름.mpeg" type="video/mpeg">
<p>이브라우저는 html5를 지원하지 않네요</p>
</object>
</video>
이렇게 작성하면 소스속성중 브라우저에서 지원하는 동영상이 재생되게끔 합니다.
그사이에 오브젝트태그를 넣은이유는 비디오 태그를 지원하지 않을경우에 
오브젝트 태그로 재생시키게하기위해서입니다.
비디오속성을 보면 
poster=비디오가 버퍼링이나 다운중일때 나오게 하는 이미지 지정
autoplay=페이지로딩되자마자 바로 재생
loop=무한재생
controls=비디오컨트롤러가 가능한 재생일시정지 사용가능하게한다
width=비디오의 넓이 조정
height=비디오의 높이 조정
넓이나 높이는 안써도 되지만 쓰게 되면 페이지로딩속도를 좀더 높여줍니다.

[출처] http://whkkhw.blog.me/80184611764

'IT' 카테고리의 다른 글

모바일 홈피 scalable Meta tag.  (0) 2013.05.07
Visual SVN Post-commit Hook 에 update 걸었는데 동작 안해..  (0) 2013.05.03
ping과 tracert  (0) 2013.04.10
웹표준. <embed>, <object>, <video>  (0) 2013.03.22
[Web] MP4 파일 HTML에서 재생하기.  (0) 2013.03.22
JQuery PlugIn  (0) 2013.03.14
Posted by 경제/부동산/프로그래머/안드로이드/PHP/mysql/asp 당양부부

1. <Object> Tag 쓰기.

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="330" HEIGHT="225" >
<PARAM NAME="src" VALUE="/Data/PDS/Test.mp4" >
<PARAM NAME="autoplay" VALUE="true" >
<EMBED SRC="/Data/PDS/Test.mp4" TYPE="image/x-macpaint" PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="500" HEIGHT="400" AUTOPLAY="true"></EMBED>
</OBJECT>

 

2. HTML5

HTML5 에서는 <video> Tag를 사용하면 된다. 다음 게시물에 있음.

 

3. jwplayer 이용하기.

<script type="text/javascript" src="http://player.longtailvideo.com/jwplayer.js"></script>

 

<div id='divPlayer' >Loading the player...</div>

<script type="text/javascript">

jwplayer("divPlayer").setup({

flashplayer: "http://player.longtailvideo.com/player.swf",

file: "/Data/PDS/Test.mp4",

height: "500",

width: "400",

image: "대표이미지.jpg"    // 이건 빼도 되겠죠.. ?

});

</script>

'IT' 카테고리의 다른 글

모바일 홈피 scalable Meta tag.  (0) 2013.05.07
Visual SVN Post-commit Hook 에 update 걸었는데 동작 안해..  (0) 2013.05.03
ping과 tracert  (0) 2013.04.10
웹표준. <embed>, <object>, <video>  (0) 2013.03.22
[Web] MP4 파일 HTML에서 재생하기.  (0) 2013.03.22
JQuery PlugIn  (0) 2013.03.14
Posted by 경제/부동산/프로그래머/안드로이드/PHP/mysql/asp 당양부부

2013.03.21 14:45 IT/MSSQL

Database Compare Tool.

http://dbcomparer.com/

Free ~

But you can support..

에혀.. 공짠데 기부하려면 기부해도 된다.. 괜히 영어쓰려다 짜증만 팍!

'IT > MSSQL' 카테고리의 다른 글

MSSQL Data Type(2)  (0) 2013.04.01
MSSQL Data Type  (0) 2013.04.01
MSSQL Int (Integer) Type  (0) 2013.04.01
Database Compare Tool.  (0) 2013.03.21
MSSQL Index  (0) 2013.03.19
DB ID 조회 Query  (0) 2013.03.18
Posted by 경제/부동산/프로그래머/안드로이드/PHP/mysql/asp 당양부부

블로그 이미지
경제를 좋아하는 일산의 행복한 프로그래머입니다. 감사합니다.
당양부부
Yesterday48
Today2
Total118,747

달력

 « |  » 2019.02
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    

최근에 달린 댓글

최근에 받은 트랙백

글 보관함