-->



위 소스는 게시판에도 음악이 나오는 소스이니 음악을 끌때에는 "Esc" 눌러
주면 됩니다. 

참고로 음악 여러곡 나오게 하고 싶다면
메모장 열고
 
1번 음악주소
2번 음악주소
3번 음악주소
4번 음악주소
.
.
.
.
.

메모장 안에는 1번,2번,3번 이런 글은 안 들어 갑니다
오로지 음악 주소만 작성해서 쓰세요...
알기쉽게 음악 나오는 순서 적어 드린 것 입니다


위처럼 아까 그림에서 보듯 음악 주소만 한줄한줄 적습니다
다른 테그나 이런거 사용 하지 마시고 오로지 음악 주소만....

다 적었으면 다른 이름으로 저장 클릭
파일이름.asx
위처럼 이름주고 뒤에 꼭 .asx 로 저장 하기 바랍니다

그러면 또 하나의 음악 파일 완성?습니다

그럼 다시 위 그림처럼 .asx 파일 게시판에 올리시고
주소 알아내서 복사한 다음
위 소스 이용해서 사용 하면
몇곡이고 계속 음악을 들려줄 수 있습니다...

유투브 동영상 재생 옵션.. 

유튜브 재생 소스 HTML에 있는 옵션의 뜻을 이해하면 유용하게 사용할수 있습니다.

1. 기본값이란 특별히 옵션을 설정해두지 않아도 자동으로 설정되어 있는 값을 뜻합니다.

2. 옵션값들은 반드시 "소문자" 로 작성해주세요. 그렇지 않으면 작동하지 않습니다.

◆ 사용방법 

 반드시 앞에 &를 넣고 띄어쓰기 없이 사용함

예시 : src=" " 중 " " 안에서는 띄어쓰기를 하지 안음.

<embed src="//www.youtube.com/v/up-Xz5xJymM?hl=ko_KR&amp;version=3&rel=0&autoplay=1"

위 동영상 소스 html을 보면

up-Xz5xJymM 는 동영상 고유의 주소이고

?hl=ko_KR&amp;version=3 는 기본적으로 제공되며(version=3를 version2로 바꿀수는 있음)

&rel=0&autoplay=1 는  옵션으로서  그뜻은

앞의 &rel=0(동영상 재생 완료후 관련동영상(related videos)을 뜨지않게, 만약 0 대신에 1 을 쓰면 관련동영상이 뜨고 )

뒤의&autoplay=1(자동으로 재생되게, 1대신에 0을 넣르면 수동 재생 됨)

따라서 이 동영상은 version3를 사용하고, 처음에 삼각형 바(수동재생 바)  없이 자동 재생되며, 프레이가 끝나고 나서는 관련 동영상이 뜨지 않게 해 놓은 것입니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

◆ 기타 재생옵션과 내용 

<!--[if !supportEmptyParas]--> <!--[endif]-->

&autohide=1 (이 환경에서 지원됨 : AS3,AS2,HTML5)

• 기본값 : 1

• 옵션값 : 0

플레이어에 마우스를 올려놓지 않았을 때 시간이 지나면 자동으로 재생바와 제목바를 숨겨줌

<!--[if !supportEmptyParas]--> <!--[endif]-->

&autoplay=0 (이 환경에서 지원됨 : AS3,AS2,HTML5)

• 기본값 : 0 -수동재생

• 옵션값 : 1

동영상을 사용자가 재생시키지 않아도 자동으로 재생되게끔 합니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&cc_load_policy=0 (이 환경에서 지원됨 : AS3,AS2)

• 기본값 : 0

• 옵션값 : 1

만일 유튜브 자막옵션이 지원되는 경우 옵션값인 "1"로 설정해두면 재생 시 자동으로 자막옵션이 켜져서 같이 나오게 됩니다.

기본값은 자동으로 나오지 않게 되어있지만 사용자가 자막버튼으로 켜고 끌 수는 있습니다.

&color=red (이 환경에서 지원됨 : AS3,HTML5)

• 기본값 : red

• 옵션값 : white

재생막대바의 색상을 지정합니다. 일반적으로 기본값인 red가 가장 많이 쓰이긴 하지만 white로 바꿔 줄 경우

재생막대바 색상이 붉은색에서 흰색으로 나오게 됩니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&controls=1 (이 환경에서 지원됨 : AS3,HTML5)

• 기본값 : 1

• 옵션값 : 0 또는 2

0 = 플레이어의 재생바를 감춰버립니다. 이것은 autohide 옵션과 달리 영구적으로 감춰버리기 때문에 동영상을 보는 사람들이 마우스로 재생지점을 설정할 수 없게 됩니다.

하지만 특별히 키보드사용설정을 막지 않았다면 방향키로는 탐색지점을 움직일 수 있습니다.

1 = 특별히 이 옵션을 지정하지 않았다면 "1" 수치가 기본값으로 지정됩니다.

재생바를 보여주고 재생버튼을 누르는 그 순간부터 실시간으로 동영상 데이터를 미리 받아와서 끊김없이 감상할 수 있게 해줍니다. 동영상을 잠시 정지해놓고 있어도 데이터는 계속해서 받아옵니다.

2 = 재생바를 보여준다는점은 1과 비슷하지만 이 옵션은 데이터를 오로지 동영상이 재생중일때만 미리 받아옵니다.

일지정지를 시키게 되면 데이터를 미리받아오지 않기때문에 영상을 받아오는 속도가 늦는다면 계속해서 버퍼링이 걸리게 됩니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&disablekb=0 (이 환경에서 지원됨 : AS3,AS2)

• 기본값 : 0

• 옵션값 : 1

옵션값인 1 로 지정할 경우 플레이어에서 키보드를 사용할 수 없게 됩니다.

유튜브 플레이어에서 작동하는 키 값은 아래와 같습니다.

스페이스바 : 재생 / 일지정지

오른쪽 방향키 : 총 영상길이의 10%만큼 앞으로

왼　쪽 방향키 : 총 영상길이의 10%만큼 뒤로

위　쪽 방향키 : 볼륨 키우기

아래쪽 방향키 : 볼륨 줄이기

<!--[if !supportEmptyParas]--> <!--[endif]-->

&start=0 (이 환경에서 지원됨 : AS3,AS2,HTML5)

. 기본값 : 없음

• 옵션값 : 사용자지정

동영상의 시작지점을 정할 수 있습니다. 단위는 "초" 이며 만일 50으로 지정할 경우 동영상의 50초 부분에서부터 시작합니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&end=0 (이 환경에서 지원됨 : AS3)

• 기본값 : 없음

• 옵션값 : 사용자지정

동영상의 끝 지점을 정할 수 있습니다. 단위는 "초" 이며 만일 15로 지정할 경우 동영상의 15초 부분에서 재생이 끝나게 됩니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&fs=1 (이 환경에서 지원됨 : AS3,AS2)

• 기본값 : 1

• 옵션값 : 0

풀스크린 버튼을 재생바에 표시합니다. 옵션값을 0으로 줄 경우 재생바에 전체화면 버튼이 사라집니다.

version2 에서는 Fullscreen 버튼이 기본적으로 제공되지 않으므로 &fs=1 을 넣어주면 재생바에 Fullscreen 버튼이 생깁니다.

예시 :  version=3&rel=0&autoplay=1" → version=2&rel=0&autoplay=1&fs=1"

<!--[if !supportEmptyParas]--> <!--[endif]-->

&iv_load_policy (이 환경에서 지원됨 : AS3,AS2,HTML5)

• 기본값 : 1

• 옵션값 : 3

동영상 진행되는도중 화면에 영상주석들이 주렁주렁 보이는게 싫다면 옵션값 3으로 설정하세요.

기본값은 1로 영상주석들이 보입니다. 하지만 강좌 동영상의 경우 영상의 자체자막이 아닌 유투브 주석을 이용하는 경우도 있으므로 꺼두면 안될때도 있긴하죠.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&loop=0 (이 환경에서 지원됨 : AS3,HTML5)

• 기본값 : 0

• 옵션값 : 사용자가 원하는 숫자

동영상이 끝난 후 지정된 횟수만큼 반복되게 합니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&rel=1(이 환경에서 지원됨 : AS3,HTML5)

• 기본값 : 1

• 옵션값 : 0

동영상이 끝난 후 관련 동영상(related videos) 목록들이 뜨게 할지 안할지 지정합니다.

기본적으로는 뜨게 되지만 0으로 지정할 시 안뜨게 됩니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&showinfo=1(이 환경에서 지원됨 : AS3,AS2,HTML5)

• 기본값 : 1

• 옵션값 : 0

동영상이 시작되기전에 동영상의 제목이나 업로더 이름등이 노출되지 않도록 합니다.

기본값은 1로 노출이 되지만 0으로 설정할 시 단순히 동영상 썸네일만 보이며 정보는 노출되지 않습니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&theme=dark(이 환경에서 지원됨 : AS3,AS2,HTML5)

• 기본값 : dark

• 옵션값 : light

유튜브 동영상의 테마색상을 지정합니다.

아직은 JW플레이어처럼 다양한 스킨들을 지원하지는 않고 단순히 색깔만 바꾸는 정도입니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

&ps=blogger (이 환경에서 지원됨 : AS3,AS2,HTML5)

이 옵션을 사용하면 재생바에 유튜브 링크 버튼을 없애버립니다.

원래 이 버튼을 누르면 해당 동영상을 유튜브 사이트에서 볼 수 있고 영상의 출처도 쉽게 찾을 수 있지만 만일 이 옵션을 사용하게 되면 유튜브로 보기 버튼이 사라져버리기 때문에 쉽게 영상의 출처를 찾을 수 없고 반드시 "소스보기" 메뉴를 통해 추적해야 합니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

<!--[if !supportEmptyParas]--> <!--[endif]-->

&modestbranding=1 (이 환경에서 지원됨 : AS3,AS2,HTML5)

바로 위 &ps=blogger와 완벽하게 똑같은 옵션입니다. 만일 위 옵션이 먹히지 않는다면 이 옵션을 사용해보세요!

이 옵션과 color 문장과는 서로 호환이 안되기 때문에 같이 사용하게 되면 이 옵션이 작동하지 않습니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

width="300" height="25"

플레이어의 가로,세로 크기를 지정할 수 있습니다.

이 옵션은 앞에 "&"가 붙지 않습니다. 최종적으로 &옵션을 지정한다음에 한칸띄고 작성해주시면 됩니다.

참고로 가로300,세로25의 크기를 지정하면  영상이 보이지 않는 음악플레이어를 만들 수 있게 됩니다.

<!--[if !supportEmptyParas]--> <!--[endif]-->

<이상 옮겨 온 글>.

유튜브에 대해서 이름만 알고 자세한걸 많이 모르시는분들을 위해 정리합니다.

이 글은 굳이 읽을 필요는 없으며, 알아두면 기능상 편리합니다. 하지만 유튜브로 브금 업로드 하실 분들은 이 페이지는 반드시 읽어주세요.

1. 유투브? 유튜브?

많은 분이 헷갈리는 이름 표기이지만, 유튜브가 맞습니다. 유투브라고 주장하는 사람들, 그럼 수영장이나 해수욕장 갈때 끼고가는게 튜브가 아니라 투브라고 하는건가요?

2. 유튜브는 업로드 용량이 무제한이다?

아닙니다. 정확히말해서 한정적이라고 할 수 있죠. 하지만 어지간한 동영상은 다 올라갑니다. 그 한계가 어디까지냐고요? 2시간입니다.

2시간 넘는거 올라가는데?라고 물으시는 분들 계실겁니다. 근데 그거 제대로 올라가던가요? 아닙니다.

유튜브에서 2시간이 넘는 동영상을 올리기 위해서는 규정을 잘 지키고 동영상을 많이 올려야만 받는 '디렉터' 권한이 있어야 2시간이 넘는 동영상의 등록이 가능합니다.

근데 웃기는건 2시간짜리 넘는 동영상이 디렉터가 아니라도 업로드는 됩니다. 그래서 기껏 업로드 전부 기다렸는데 디렉터 권한 없다고 그냥 짤라버리죠.

3. 유튜브 기능 추가법 기본

유튜브의 기능에 대해서 설명하기 위해서 먼저 알아야할 것은 간단한 HTML에 대한 지식입니다. 이건 핱브인들이라면 embed를 쓰기때문에 익숙할겁니다만, 좀 형식이 다릅니다.

유튜브 주소를 한번 보죠.

보통 유튜브에서 공유를 누르면 아래와 같이 뜰겁니다. 유튜브코드라고 된 부분은 동영상 고유 코드를 말하는겁니다.

http://youtu.be/유튜브코드

절대로 이걸 브금주소창에 붙여넣지 마시고 링크 이외의 용도로 사용하지 마세요. 왜냐면 이건 정확한 주소가 아니라 리다이렉트가 걸린 주소라서 이걸 가지고 아무리 용을 써봤자 embed도 걸리지 않습니다. 올바른 유튜브 주소 형식은

https://www.youtube.com/watch?v=유튜브코드

혹은

https://www.youtube.com/embed/유튜브코드

입니다.

이중에서 사용하기 편한건 아래에 있는 https://www.youtube.com/embed/유튜브코드 입니다. 브금주소창에는 위에걸 넣어도 상관없습니다. 이제 이걸 가지고 한번 해보도록 하겠습니다.

1) 옵션 설정은 뒤에 ?를 붙여서 시작한다.

기본입니다. 주소창에 보통 보이는 ?는 뒤에 추가로 뭔가를 더 붙일거라는 일종의 명령어입니다. 이건 다른 사이트에서도 통용되는 말이니 익혀두면 참 좋습니다. 하지만 이걸 계속 사용하지는 않습니다. 반드시 이 표시는 한번만 써주세요.

2) 옵션 추가는 &로 추가한다.

시작은 ?로 하되, 여러개를 붙이고싶다면 뒤에다가 &를 붙여서 더 넣을 수 있습니다. 그러니까

http://주소창?옵션1&옵션2&옵션3...

이런식으로 간다는거죠.

기본은 이게 끝입니다. 다음은 이 옵션들에 대해서 알아보도록 하죠.

4. 유튜브 기능 옵션

위에 보이는 저 옵션들에다가 이제 넣을 명령어를 알아보겠습니다. 이건 외워두면 편해요.

1) 반복재생

loop=1

말 그대로 반복재생입니다. 1을 0으로 바꾸면 반복이 되지 않습니다. (* 추가: version=3, 그러니까 현재 버전에선 반복재생이 되지 않습니다. version=2나 1과 함께 써주세요.)

2) 자동재생

autoplay=1

마찬가지로 자동재생 코드입니다. 역시 0으로 바꾸면 자동재생이 안됩니다.

3) 버전 바꾸기

version=숫자

유튜브 동영상 버전을 바꾸는겁니다. 브금을 사용할거라면 숫자에 2를 넣는걸 추천하고, 작성일 기준으로 현재 버전은 3입니다. version=1은 제가 사용하지 않았으므로 앞으로 version=1에 대해서는 따로 언급하지 않겠습니다.

3-1) 재생바 숨기기

 

autohide=1

version=3에선 자동으로 숨겨지니 이건 version=2 한정입니다. 플짤에 유용하게 사용할 수 있습니다.

3-2) 제목 숨기기

showinfo=0

플짤 만들기 2단계

3-3) 컨트롤바 조종 못하게하기

controls=0

플짤 만들기 3단계. 이건 version=3에서만 사용가능합니다.

4) 재생바 색 바꾸기

color1=XXXXXXXX&color2=XXXXXXXX

version=2에서 재생바 색을 바꿀 수 있습니다. 저 뒤에 있는 8자리에 16진법으로 써주시면됩니다.

4-1) 깔끔한 회색

color1=99999999&color2=99999999

4-2) 뭔가 간지나는 까만색

color1=00000000&color2=00000000

4-3) 배경 완전히 흰색

color1=FFFFFFFF&color2=FFFFFFFF

5) 재생바 색 바꾸기2

theme=light

version=3에서도 됩니다. 하지만 이거 말고 다른 색을 찾을 수는 없네요.

6) 추천 동영상 표시안하기

rel=0

7) wmode

wmode 호환성 조절 옵션

wmode="transparent"

wmode="window"

wmode="opaque"

뭔지 모르겠는데 제보들어오니 일단 적어봅니다.

8) HD로 보기

vq=hdXXXX

저 XXXX부분에 숫자를 넣어주면됩니다. 일종의 화질 조정인데 주요 숫자로는 480, 720, 1080등을 넣어주면됩니다.

제보해주신 olleh님 감사합니다.

이 글은 더 추가될 수 있습니다.

출처: https://habakn.tistory.com/156 [시간과 공간과 기억의 저장소]

유튜브에 들어가서 동영상에 오른쪽 클릭을 하면 소스코드 복사라는 것이 뜬다.

트와이스 'Dance The Night Away"를 유튜브에서 소스코드 복사한 것을 붙여보면 밑과 같이 나온다.

<iframe width="1280" height="720" src="https://www.youtube.com/embed/Fm5iP0S1z9w" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

여기서 "https://www.youtube.com/embed/Fm5iP0S1z9w "부분이 동영상 주소이고, "Fm5iP0S1z9w "부분이 동영상 이름이다.

여기 뒤에 "?rel=0&amp;autoplay=1&amp;loop=1;playlist="를 붙이고 Fm5iP0S1z9w를 붙인다면 자동 + 반복 재생이 된다.

amp;autoplay=1 <- 자동재생

amp;loop=1 <- 반복재생

다만 크롬이나 몇몇 브라우저들은 자체적으로 자동재생을 차단하기 때문에 볼 수는 없다.