(글은 크롬을 기준으로 작성됩니다만.. 다른 브라우져도 비슷한 방법으로 가능합니다.) <div>(그림은 만지면 커집니다.)</div> <div><br></div> <div>1. 목표로하는 동영상을 선택합니다.</div> <div></div> <div>일단 저는 <a target="_blank" href="https://www.instagram.com/p/_s4em2n_tp/" target="_blank">https://www.instagram.com/p/_s4em2n_tp/</a> 이걸 대상으로 잡았습니다.</div> <div><br></div> <div><br></div> <div>2. F12, 혹은 우클릭 -> 검사 를 클릭하여 요소검사 탭을 엽니다.</div> <div><div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451330062wjUoPC8C3.png" width="800" height="450" alt="1.png" class="chimg_photo" style="border:none;"></div><br></div> <div><br></div> <div>3. 요소검사 탭이 열리면 Network 탭으로 들어갑니다.</div> <div><div style="text-align:left;"> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/14513316668ZXSAm25D.png" width="800" height="450" alt="1451330080g8DhDqk5g.png" class="chimg_photo" style="border:none;"></div><br></div></div> <div><br></div> <div><br></div> <div>4. 이상태에서 동영상을 재생시켜주면, 우측 빈공간에 이것저것(?) 나타납니다.</div> <div><div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451330119GXJXnd5HBf4ukCA5nWs9Vex7O16axx.png" width="800" height="450" alt="3.png" class="chimg_photo" style="border:none;"></div><br></div> <div><br></div> <div>5. bz라는 항목과, 숫자로 길게 된 두개의 항목이 나올탠대, 숫자로 길게된 항목(?)을 클릭합니다. 항목을 열면 Request URL이 나타나는대. 이부분이 우리가 퍼올 동영상의 주소입니다. 복사해둡니다.</div> <div><div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451330150UGpGGfRgNcakgmXEfzH5PRU5NMn.png" width="800" height="450" alt="4.png" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">6. 오유로 돌아와서 글쓰기를 누른후 하단에있는 "<>" 이 버튼을 눌러줍니다. HTML를 사용하기 위함입니다.</div> <div style="text-align:left;"> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451330169jC9GKzozJqL6cJDoW8FPKSFltY7twic.png" width="800" height="450" alt="5.png" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">7. 글내용을 적는 칸에 <font style="font-size:9pt;line-height:1.5;"><embed</font><span style="font-size:9pt;line-height:1.5;"> </span><font style="font-size:9pt;line-height:1.5;">src</font><span style="font-size:9pt;line-height:1.5;">=</span><font style="font-size:9pt;line-height:1.5;">"주소" width="가로크기" height="세로크기"</font><font style="font-size:9pt;line-height:1.5;">></font><font style="font-size:9pt;line-height:1.5;"></embed>를 적습니다.</font></div></div> <div style="text-align:left;"> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451330856pXTRQzuHKeF3DzZ7W.png" width="800" height="450" alt="6.png" class="chimg_photo" style="border:none;"></div><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">8. 연필모양을 눌러서 다시 보통 글쓰기로 돌아오면. 동영상이 나옵니다. 가로보다 세로가 긴 동영상이라 가로(너비)로 까만 베젤(?)이 생겼네요.</div></div> <div style="text-align:left;"><div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451331020cU3Utlh2nCAYbeH3HqwJS.png" width="800" height="450" alt="7.png" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">9. <> 모양을 눌러서 HTML글쓰기로 돌아가서 가로(<span style="font-size:9pt;line-height:1.5;">width) 크기를 줄여줍니다. </span></div> <div style="text-align:left;"><span style="font-size:9pt;line-height:1.5;"></span> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201512/1451331217nr3nhiYc1hgFMFvjY.png" width="800" height="450" alt="8.png" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div>10. <span style="font-size:9pt;line-height:1.5;">영상마다 크기가 다르기때문에 눈대중으로 맞추면서 일반 글쓰기와 HTML글쓰기를 왔다갔다하면서 수정해보시면...</span></div></div><embed src="https://igcdn-videos-h-7-a.akamaihd.net/hphotos-ak-xaf1/t50.2886-16/10753751_476664265870387_208944310_n.mp4" width="480" height="600"><div><br></div> <div><br></div> <div>11. 짠. 완성입니다. 이제 일반 글쓰기모드에서 아래쪽에 글을 추가하거나... 같은 과정을 반복해서 동영상을 더 추가할수있습니다.</div> <div><br></div> <div><br></div> <div><br></div> <div>+ 사실은 제가 태그라던지 그런건 하나도 모르는 아저씨라... 퍼오고싶은 동영상이 생겨서 급하게한거라 많이 부족합니다. 그냥 이런방법도있구나.. 로 봐주세요.</div> <div><span style="font-size:9pt;line-height:1.5;">++ 동영상을 두개이상 넣으실땐... 첫번째넣은 embed 태그를 복사해서 넣게되면, 색깔이 들어간 텍스트라서 태그가 꼬이는건지 제대로 안들어가집니다. 두번째 영상을 넣을땐 첫번째 영상의 embed태그를 꼬릿말에다 복사해놓고, 거기서 주소만 수정해서 복사후 본문에 붙여넣으면 정상적으로 작동합니다. (제가 이거때문에 한시간이상 헛짓을했네요 ㅠㅠ)</span></div> <div><span style="font-size:9pt;line-height:1.5;">+++ 동영상 가져올때 자동으로 크기 조절하는 방법이 없을까요 ㅠㅠ</span></div>