EMBED

Embed Video

실무 코드 샘플 ))) embed_in_bbs.jsp

HTML5 Video

※Reference※

[IE9+]

HTML5 Video [IE9+] mp4

★(개발Hint!) 
(용법) <param name="flashvars" value="skin=[SKIN_SWF_FILE]&thumbnail=[THUMBNAIL_IMAGE_FILE]&video=[VIDEO_FILE]"/>
(사례) <param name="flashvars" value="skin=/data/flash/f4player/skins/mySkin.swf&thumbnail=/data/flash/f4player/thumbnail.jpg&video=/data/video/ex.mp4" />

※ 특수문자 Name Code(Number Code) 형태로 사용.
))) & (ampersand) 와 < (less-than sign) 은 &amp; 와 &lt; 로 사용해야 한다.
))) 20160603. validator.w3.org 에서 ampersand 를 & 로만 코딩한 코드로 유효성 검사를 해보니.. 오류로 검출되지 않았다.

여기 초점을 받으면 키보드 화살표 상(↑)·하(↓) 키로 스크롤 할 수 있습니다. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다.

준수 기준
영상, 음성 등 멀티미디어 콘텐츠를 동등하게 인식할 수 있는 자막, 원고 또는 수화를 제공한 경우 준수한 것으로 인정

오류 유형
2-1 ○ 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
2-2 ○ 멀티미디어 콘텐츠에 대한 대체 수단의 내용을 불충분 또는 적절하지 않게 제공한 경우
2-3 ○ 사용자가 등록한 멀티미디어 콘텐츠에 대해 관리자가 대체수단 등록을 유도하는 안내 또는 대체수단 입력 기능을 제공하지 않은 경우

세부설명
• 멀티미디어 콘텐츠 상의 텍스트에 대한 동등한 음성 또는 원고를 제공하지 않은 경우 준수하지 않은 것으로 인정
• 음성이 없는 동영상의 경우도 대체 수단을 반드시 제공해야 준수한 것으로 인정
• 멀티미디어 콘텐츠에 대한 대체수단 제공방식이 적절하지 않은 경우 준수하지 않은 것으로 인정
• 파일로 제공되는 영상, 음성 콘텐츠도 평가 대상에 포함
　(단, 파일로 제공되는 영상, 음성의 자막은 파일로 제공한 경우도 준수한 것으로 인정)
• 원고는 페이지 내에서 보여지도록 제공해야 함

HTML5 Audio [IE9+] mp3

여기 초점을 받으면 키보드 화살표 상(↑)·하(↓) 키로 스크롤 할 수 있습니다. 2018 애국가 1-4절(합창)

1절
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

2절
남산위에 저 소나무 철갑을 두른 듯
바람서리 불변함을 우리 기상일세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

3절
가을 하늘 공활한데 높고 구름 없이
밝은 달은 우리 가슴 일편단심일세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

4절
이 기상과 이 맘으로 충성을 다하여
괴로우나 즐거우나 나라 사랑하세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.


[~IE8]고려한거 :: [IE]bug) video 요소를 지원하는 경우에도 화면에 보이지 않는 대체콘텐츠로 초점이 적용(탭키가 이동)된다! ))) 사용말자!

Flash Player [IE7,8] + HTML5 Video [IE9+] mp4

★(개발Hint!) 
(용법) <param name="flashvars" value="skin=[SKIN_SWF_FILE]&thumbnail=[THUMBNAIL_IMAGE_FILE]&video=[VIDEO_FILE]"/>
(사례) <param name="flashvars" value="skin=/data/flash/f4player/skins/mySkin.swf&thumbnail=/data/flash/f4player/thumbnail.jpg&video=/data/video/ex.mp4" />

※ 특수문자 Name Code(Number Code) 형태로 사용.
))) & (ampersand) 와 < (less-than sign) 은 &amp; 와 &lt; 로 사용해야 한다.
))) 20160603. validator.w3.org 에서 ampersand 를 & 로만 코딩한 코드로 유효성 검사를 해보니.. 오류로 검출되지 않았다.

여기 초점을 받으면 키보드 화살표 상(↑)·하(↓) 키로 스크롤 할 수 있습니다. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다.

준수 기준
영상, 음성 등 멀티미디어 콘텐츠를 동등하게 인식할 수 있는 자막, 원고 또는 수화를 제공한 경우 준수한 것으로 인정

오류 유형
2-1 ○ 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
2-2 ○ 멀티미디어 콘텐츠에 대한 대체 수단의 내용을 불충분 또는 적절하지 않게 제공한 경우
2-3 ○ 사용자가 등록한 멀티미디어 콘텐츠에 대해 관리자가 대체수단 등록을 유도하는 안내 또는 대체수단 입력 기능을 제공하지 않은 경우

세부설명
• 멀티미디어 콘텐츠 상의 텍스트에 대한 동등한 음성 또는 원고를 제공하지 않은 경우 준수하지 않은 것으로 인정
• 음성이 없는 동영상의 경우도 대체 수단을 반드시 제공해야 준수한 것으로 인정
• 멀티미디어 콘텐츠에 대한 대체수단 제공방식이 적절하지 않은 경우 준수하지 않은 것으로 인정
• 파일로 제공되는 영상, 음성 콘텐츠도 평가 대상에 포함
　(단, 파일로 제공되는 영상, 음성의 자막은 파일로 제공한 경우도 준수한 것으로 인정)
• 원고는 페이지 내에서 보여지도록 제공해야 함

Embed [IE7,8] + HTML5 Audio [IE9+] mp3

여기 초점을 받으면 키보드 화살표 상(↑)·하(↓) 키로 스크롤 할 수 있습니다. 2018 애국가 1-4절(합창)

1절
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

2절
남산위에 저 소나무 철갑을 두른 듯
바람서리 불변함을 우리 기상일세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

3절
가을 하늘 공활한데 높고 구름 없이
밝은 달은 우리 가슴 일편단심일세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.

4절
이 기상과 이 맘으로 충성을 다하여
괴로우나 즐거우나 나라 사랑하세.
무궁화 삼천리 화려강산
대한 사람, 대한으로 길이 보전하세.