게시글에서 유튜브 브금 자동재생 하는 법

<div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">모바일에선 자동재생 못해!</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><p style="text-align: center;"></p><p><span style="font-size: 10pt;"> </span></p></div><div style=""><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">1. 원하는 음악을 검색해서, </span><b><span style="font-size: 10pt;">'공유 → 퍼가기'</span></b><span style="font-size: 10pt;"> 에 들어가서</span><span style="font-size: 10pt;"> iframe 소스를 복사해.</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/994D9B345D03D49927" class="txc-image" actualwidth="700" hspace="1" vspace="1" border="0" width="700" exif="{}" data-filename="K-20190615-076565.jpg" style="clear:none;float:none;" id="A_994D9B345D03D49927213A"/></p><p><span style="font-size: 10pt;"> </span></p></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">2. html 에 체크를 하고 붙여넣기 하면,</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><p style="text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/9939D53E5D03D5A82B" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="K-20190615-079160.jpg" style="clear:none;float:none;" id="A_9939D53E5D03D5A82B20AE"/></p></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style=""><span style="color: rgb(0, 0, 0); font-family: dotum; font-size: 10pt;"><iframe </span><b style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">width="560" height="315"</span></b><font color="#000000" face="dotum"><span style="font-size: 10pt;"> src="</span></font><a href="https://www.youtube.com/embed/oP2tORY1kEo?rel=0" target="_blank" style=""><font color="#000000" face="dotum"><span style="font-size: 10pt;">https://www.youtube.com/embed/</span></font><font face="dotum"><span style="font-size: 10pt;">IzNwpMQdcSM</span></font><font color="#000000" face="dotum"><span style="font-size: 10pt;">?rel=0</span></font></a><font color="#000000" face="dotum"><span style="font-size: 10pt;">" frameborder="0" allowfullscreen></iframe></span></font></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">이렇게 되어있는 걸 볼 수 있어. 여기서 </span><b style="font-size: 9pt;"><span style="font-size: 10pt;">width="560" height="315"</span></b><span style="font-size: 10pt;"> ← 이 부분은 영상 크기인데</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">글의 몰입도를 높이기 위해 </span><span style="font-size: 11pt;"><b><span style="font-size: 11pt;"><font color="#ff0000"><span style="font-size: 10pt;">width="350" height="50"</span></font></span></b><span style="font-size: 10pt;"> 이렇게 줄여도 되고 그대로 둬도 상관 x</span></span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">* 딱, 저 정도 크기가 </span><u><span style="font-size: 10pt;">볼륨</span></u><span style="font-size: 10pt;">이랑 </span><u><span style="font-size: 10pt;">재생 시간 조절</span></u><span style="font-size: 10pt;">이 되면서도 적당히 작은 크기</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><div><span style="font-size: 10pt;">(참고) 영상 크기</span></div><div><span style="font-size: 10pt;"> - 브금바 크기 : 350*50, 300*25, 1*1</span></div><div><span style="font-size: 10pt;"> - 360P : 640*360</span></div><div><span style="font-size: 10pt;"> - 480P : 720*480</span></div><div><span style="font-size: 10pt;"> - 720P : 1280*720</span></div><div><span style="font-size: 10pt;"> - 1080P : 1920*1080</span></div></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">3. 아래 사진처럼 </span><b><span style="font-size: 10pt;">?rel=0</span></b><span style="font-size: 10pt;"> 뒤에 </span><span style="font-size: 11pt;"><b><span style="font-size: 11pt;"><font color="#ff0000"><span style="font-size: 10pt;">&autoplay=1</span></font></span></b><span style="font-size: 10pt;">(자동 재생)</span></span><span style="font-size: 10pt;">를 붙여넣기 하고</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">볼륨 크기가 작으면 '60, 80' 이런 식으로 늘려도 돼. 뒤에 "(따옴표) 없어지지 않게 유의해!</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><p style="text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/994A9C3E5D03D63539" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="K-20190615-080796.jpg" style="clear:none;float:none;" id="A_994A9C3E5D03D635392938"/></p><p><span style="font-size: 10pt;"> </span></p></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">그 외 소스 코드를 추가하려면 아래를 참고해줘.</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><div><span style="font-size: 10pt;">A. 기본 태그</span></div><div><span style="font-size:10pt;"> - </span><strike><span style="font-size: 10pt;">볼륨 반으로 조절 : &volume=50</span></strike><span style="font-size: 10pt;"> (현재 막힌상태)</span></div><div><span style="font-size: 10pt;"> - 자동 재생 : &autoplay=1</span></div><div><span style="font-size: 10pt;"> - 반복재생 : &loop=1</span></div><div><span style="font-size: 10pt;"> - 메뉴 바 숨기기 : &autohide=1</span></div><div><span style="font-size: 10pt;"> - 콘트롤바 아예 안보이게 : &controls=0</span></div><div><span style="font-size: 10pt;"> - 상단정보 안보이게 : =&showinfo=0</span></div><div><span style="font-size: 10pt;"> - 추천 동영상 안보이기 : &rel=0</span></div><div><span style="font-size: 10pt;"> - 듣고싶은부분부터 재생 ; &start=초</span></div><div><span style="font-size: 10pt;">  ex) 1분20초 부터 재생하고싶으면 &start=80</span></div><div><span style="font-size: 10pt;"> </span></div><div><span style="font-size: 10pt;">B. 화질 선택</span></div><div><span style="font-size: 10pt;"> - 720P : &vq=hd720</span></div><div><span style="font-size: 10pt;"> - 480P : &vq=large</span></div><div><span style="font-size: 10pt;"> - 360 : &vq=medium</span></div><div><span style="font-size: 10pt;"> - 240P : &vq=light</span></div><div><span style="font-size: 10pt;"> - 원본화질로 재생 : =&vq=highers</span></div><div><span style="font-size: 10pt;"> </span></div></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">4. html 체크를 다시 해제하면 </span><b><span style="font-size: 10pt;">유튜브 재생바가 보이면서 브금이 자동으로 재생</span></b><span style="font-size: 10pt;">되는 걸 확인 할 수 있어.</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><img src="https://t1.daumcdn.net/cfile/cafe/9972A04D5D03D69807" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="K-20190615-081896.jpg" style="text-align: center; clear: none; float: none;" id="A_9972A04D5D03D6980720F8"/><span style="font-size: 11pt;"><br></span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">그리고, 쓰고싶은 대로 글을 쓰면 돼.</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;">5. 완성본과 소스코드</span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><iframe width="350" height="50" src="https://www.youtube.com/embed/IzNwpMQdcSM?rel=0&autoplay=1&volume=40&wmode=opaque" frameborder="0" scrolling="no" allowfullscreen=""></iframe><br></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"> </span></div><div style="color: rgb(0, 0, 0); font-family: dotum;"><span style="font-size: 10pt;"><iframe </span><b><span style="font-size: 11pt;"><font color="#ff0000"><span style="font-size: 10pt;">width="350" height="50"</span></font></span></b><span style="font-size: 11pt;"><span style="font-size: 10pt;"> src="</span><a href="https://www.youtube.com/embed/IzNwpMQdcSM?rel=0" target="_blank"><span style="font-size: 10pt;">https://www.youtube.com/embed/IzNwpMQdcSM?rel=0</span></a></span><b><span style="font-size: 11pt;"><font color="#ff0000"><span style="font-size: 10pt;">&amp;autoplay=1</span></font></span></b><span style="font-size: 10pt;">" frameborder="0" allowfullscreen=""></iframe></span></div></div><p> </p>