저무는 바다를 머리맡에 걸어 두고 - 이외수 > 영상시

본문 바로가기
사이트 내 전체검색

영상시

  • HOME
  • 이미지와 소리
  • 영상시

(운영자 : ssun)

 ☞ 舊. 영상시    ♨ 태그연습장(클릭)

   

☆ 1일 2편 내에서 올려주시고 제목뒤에 작가명을 써주시기 바랍니다 (동백꽃 연가 / 박해옥)

☆ 게시물과 관련한 저작권문제에 대한 책임은 해당 게시자에게 있습니다.
☆ 저작권 위배소지가 있는 음악 및 이미지삼가해 주세요

☆ 타 사이트 홍보용 배너가 있는 영상은 삼가해주시기 바랍니다

이용자에 대한 소스제공을 위해 게시물 등록시 가급적 소스보기 박스란에 체크 해 주세요^^
 

저무는 바다를 머리맡에 걸어 두고 - 이외수

페이지 정보

작성자 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 댓글 5건 조회 177회 작성일 18-10-06 19:35

본문




유튜브 동영상을 데스크탑이나 모바일에서 화면에 꽉차게 보이는  반응형으로 올리는 소스는 

스크립트 소스를 사용하는 방법과

레이어안의 유투브 동영상을 를 style로 조정하는 아래와 같은 소스를 사용합니다.


<!doctype html>

<html lang="ko">

  <head>

    <meta charset="utf-8">

    <title>YouTube</title>

    <style>

      .container {

        width: 100%;

        margin: auto;

      }

      .youtubeWrap {

        position: relative;

        width: 100%;

        padding-bottom: 56.25%;

      }

      .youtubeWrap iframe {

        position: absolute;

        width: 100%;

        height: 100%;

      }

    </style>

  </head>

  <body>

    <div class="container">

    <div class="youtubeWrap">

    <iframe allowfullscreen="" frameborder="0" width="960" height="540" src="https://www.youtube.com/embed/Vm3NSWlWzUs?                  autoplay=1&vq=hd1080&loop=1&playlist=Vm3NSWlWzUs?&autoplay=1&showinfo=0" ></iframe>

       </div>

      </div>

  </body>

  </html>


이번 업그레이드를 하면서 스크립트소스와 style에 관련된 소스는 

막힌걸로 확인됩니다...

웹마스터가 게시판 스킨을 수정하지 않고는  어렵다고 판단됩니다.


해서 아쉬운대로 

width="100%" height="512"

모바일에서는 검정 여백이 보이더라도 동영상을 화면안에 들어오게 하였습니다.

이보다 더 좋은 방법으로 

반응형 동영상의 소스를 아시는분은  공유 부탁드립니다....^^...


이전 레이아웃이 pc나 모바일에서 

반응형으로 보였던것에 비하면,

pc나 모바일로  나눈 이번 업그레이드에서 아쉬운 이 문제의 수정을 기대해봅니다....






소스보기

<p><iframe width="100%" height="512" src="//www.youtube.com/embed/Vm3NSWlWzUs?autoplay=1&amp;playlist=Vm3NSWlWzUs&amp;loop=1&amp;vq=highres&amp;controls=1&amp;showinfo=0&amp;rel=0" frameborder="0" allowfullscreen=""></iframe> </p><div><br /></div><div><br /></div><div><br /></div><p><span style="font-size: 12pt;">유튜브 동영상을 데스크탑이나 모바일에서 화면에 꽉차게 보이는&nbsp; 반응형으로 올리는 소스는&nbsp;</span></p> <p><span style="font-size: 12pt;">스크립트 소스를 사용하는 방법과</span></p> <p><span style="font-size: 12pt;">레이어안의 유투브 동영상을 를 style로 조정하는 아래와 같은 소스를 사용합니다.</span></p> <p><span style="font-size: 12pt;"><br /></span></p> <p>&lt;!doctype html&gt;</p> <p>&lt;html lang="ko"&gt;</p> <p>&nbsp; &lt;head&gt;</p> <p>&nbsp; &nbsp; &lt;meta charset="utf-8"&gt;</p> <p>&nbsp; &nbsp; &lt;title&gt;YouTube&lt;/title&gt;</p> <p>&nbsp; &nbsp;<b> &lt;style&gt;</b></p> <p>&nbsp; &nbsp; &nbsp; .container {</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</p> <p>&nbsp; &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; &nbsp; .<b>youtubeWrap</b> {</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; position: relative;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; padding-bottom: 56.25%;</p> <p>&nbsp; &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; &nbsp; .youtubeWrap iframe {</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; position: absolute;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; height: 100%;</p> <p>&nbsp; &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; <b>&lt;/style&gt;</b></p> <p>&nbsp; &lt;/head&gt;</p> <p>&nbsp; &lt;body&gt;</p> <p>&nbsp; &nbsp; &lt;div class="container"&gt;</p> <p>&nbsp; &nbsp; &lt;div class="<b>youtubeWrap</b>"&gt;</p> <p>&nbsp; &nbsp; &lt;iframe allowfullscreen="" frameborder="0" width="960" height="540" src="https://www.youtube.com/embed/Vm3NSWlWzUs?&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; autoplay=1&amp;vq=hd1080&amp;loop=1&amp;playlist=Vm3NSWlWzUs?&amp;autoplay=1&amp;showinfo=0" &gt;&lt;/iframe&gt;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt;</p> <p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p> <p>&nbsp; &lt;/body&gt;</p> <p>&nbsp; &lt;/html&gt;</p> <p><br /></p> <p><span style="font-size: 12pt;">이번 업그레이드를 하면서 스크립트소스와&nbsp;</span><b><span style="font-size: 12pt;">style</span></b><span style="font-size: 12pt;">에 관련된 소스는&nbsp;</span></p> <p><span style="font-size: 12pt;">막힌걸로 확인</span><span style="font-size: 12pt;">됩니다...</span></p> <p><span style="font-size: 12pt;">웹마스터가 게시판 스킨을 수정하지 않고는&nbsp;</span><span style="font-size: 12pt;">&nbsp;어렵다고 판단됩니다.</span></p> <p><span style="font-size: 12pt;"><br /></span></p> <p><span style="font-size: 12pt;">해서 아쉬운대로&nbsp;</span></p> <p><span style="font-size: 12pt;"><b>width="100%" height="512</b></span><span style="font-size: 12pt;"><b>"</b> 로</span></p> <p><span style="font-size: 12pt;">모바일에서는 검정 </span><span style="font-size: 12pt;">여백이 보이더라도 동영상을 화면안에 들어오게 하였습</span><span style="font-size: 12pt;">니다.</span></p> <p><span style="font-size: 12pt;">이보다 더 좋</span><span style="font-size: 12pt;">은 방법으로&nbsp;</span></p> <p><span style="font-size: 12pt;">반응형 동</span><span style="font-size: 12pt;">영상의 소스를 아시는분은&nbsp;</span><span style="font-size: 12pt;">&nbsp;공유 부탁드립니다....^^...</span></p> <p><span style="font-size: 12pt;"><br /></span></p> <p><span style="font-size:12pt;">이전 레이아웃</span><span style="font-size: 12pt;">이 pc나 모바일에서&nbsp;</span></p> <p><span style="font-size: 12pt;">반응형으로&nbsp;</span><span style="font-size: 12pt;">보였던것에 비하면,</span></p> <p><span style="font-size: 12pt;">pc나 모바일로&nbsp; 나눈 이번 업그레이드에서 아쉬운 이 문제의 수정을 기대해봅니다....</span></p> <p><span style="font-size: 12pt;"><br /></span></p> <p><span style="font-size: 12pt;"><br /></span></p> <p><br /></p> <p><br /></p> <p><br /></p>

댓글목록

리앙~♡님의 댓글

리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

ㅋ ㅏ~~~쥑인다~ㅎㅎ

등대님~^^
너무너무 멋진 작품에 배경음 또한~^^
와~~~^^
저 리앙이 예전에 즐겨 들었던 곡인데....듣던 곡인데~
가수이름도..제목도 가물가물~ㅜ.ㅜ

남성다운 보이스한 음성에~한동안 폭~빠져~자주 듣곤 하였는데~ㅎㅎ
잊고 살았네요~ㅎㅎ

정말 멋져요~V ^*^ V

영상 배경도 멋진데~^^
배경음까지~~~
ㅈ ㅓ~리앙이 한참이나 넋을 놓고 감사히 힐링하는 마음입니다~^.~

네네~^^

등대님~^^
소중히 모셔 갈께요~^*^

편안하고 행복한 주말 되세요~^.~

소화데레사님의 댓글

소화데레사 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

어느새 시월이네요
안녕 하세요
홈피가 개편 되니  불편한 문제들이
속출 하네요
지난번에도 한동안 불편했었는데요

음원도 영상도 멋집니다
이외수님의 글도 영상과 환상의 하모니를....
언제나 음원 선곡을  참 잘 하십니다

아름다운 영상 시화  감상 잘 하고 갑니다

밤하늘의등대님의 댓글

밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

감사하니다.
리앙님!소화데레사님!
음원은 박현-바람아 불어라 입니다.

일하기도 좋고 여행가기도 좋은 가을 날씨입니다...^^..
시간이 지나가면 누군가가 하겠지 생각하면서도,
또한 이분야에 관심이 없으면
문제가 있음을 인지하지도 못할수도 있다는 생각을 해봅니다.^^.
유튜브소스는 src="https,src=":// 차이에
전체화면과 넓이가 100%가 되고 안되고 차이가 생기는군요!

데스크탑 기준으로  소스를 사용하다
모바일버전이 수정되기를
기다려봐야겠습니다.

감사합니다!

리앙~♡님의 댓글

리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

등대님~^^
제목은 언제쯤 알려주시나~
ㅈ ㅓ~~리앙이 목~빠지게~기다렸는데~ㅎㅎㅎㅎ
박현...바람아 불어라 였군요~^^

흐미~~
박현이라는 가수 이름도 오늘 처음 알았네요~ㅎㅎㅎ
제가 조금 엉뚱하지요~ㅎㅎ
가수 이름도 모르고~노래만 열심히 듣곤 하였ㄷ ㅏ니~으읔~~ㅎㅎ

네네~^^
오늘 이 시간 오래오래 기억 할 것 같습니다~^^

거듭 감사드리구요~^^
편안한 밤 되세요~^*^

밤하늘의등대님의 댓글

밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

핸드폰에
네이버 뮤직 앱이나 SoundHound앱을 설치해서
모르는 음원 들려주면
웬만한것 거의 알려줍니;다..^^..

사용법은 검색하시면 많은 글들이 있을거에요!

제가 사용해본 경험으로는
네이버 뮤직 앱으로는 국내 음원에 강하고,
SoundHound앱은  외국 음원에 잘 되는것 같습니다....

Total 10,835건 1 페이지
영상시 목록
번호 제목 글쓴이 조회 날짜
10835 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 37 10-23
10834 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26 10-23
10833 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 22 10-23
10832 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 57 10-23
10831 블리블리 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 53 10-23
10830 세잎송이 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 66 10-22
10829 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 86 10-22
10828 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 75 10-22
10827 예향박소정 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 100 10-21
10826 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 196 10-20
10825 풀피리 최영복 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 135 10-20
10824 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 138 10-19
10823 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 112 10-19
10822 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 186 10-19
10821 예향박소정 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 122 10-18
10820 예향박소정 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 87 10-18
10819 민경교 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 86 10-18
10818 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 138 10-18
10817 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 109 10-18
10816 sonagi 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 108 10-18
10815 상큼한나비 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 99 10-18
10814 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 101 10-18
10813 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 84 10-17
10812 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 51 10-17
10811 상큼한나비 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 130 10-17
10810 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 133 10-17
10809 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 132 10-17
10808 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 161 10-16
10807 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 157 10-16
10806 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 141 10-16
10805 상큼한나비 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 112 10-16
10804 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 182 10-15
10803 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 149 10-15
10802 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 128 10-15
10801 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 153 10-15
10800 상큼한나비 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 127 10-15
10799 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 250 10-14
10798 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 114 10-13
10797 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 103 10-13
10796 yongkra 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 138 10-13
10795 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 226 10-13
10794 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 134 10-13
10793 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 136 10-12
10792 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 167 10-12
10791 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 149 10-12
10790 예향박소정 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 103 10-12
10789 예향박소정 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 96 10-12
10788 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 93 10-11
10787 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 133 10-11
10786 ♣풀잎사랑♣ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 137 10-11
게시물 검색

 


  • 시와 그리움이 있는 마을
  • (07328) 서울시 영등포구 여의나루로 60 여의도우체국 사서함 645호
  • 관리자이메일 feelpoemtop@hanmail.net
Copyright by FEELPOEM 2001. All Rights Reserved.