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

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

영상시

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

(운영자 : ssun)

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

   

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

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

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

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

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

페이지 정보

작성자 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 댓글 5건 조회 208회 작성일 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,922건 1 페이지
영상시 목록
번호 제목 글쓴이 조회 날짜
10922 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12 12-14
10921 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 22 12-14
10920 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 59 12-14
10919 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 120 12-14
10918 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 73 12-13
10917 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 83 12-13
10916 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 50 12-13
10915 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 97 12-13
10914 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 51 12-13
10913 김용호 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 46 12-13
10912 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 108 12-13
10911 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 114 12-12
10910 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 151 12-12
10909 강북수유리 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 78 12-12
10908 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 117 12-11
10907 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 97 12-11
10906 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 97 12-11
10905 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 61 12-11
10904 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 117 12-11
10903 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 110 12-10
10902 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 100 12-10
10901 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 92 12-10
10900 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 127 12-10
10899 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 193 12-10
10898 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 134 12-09
10897 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 188 12-09
10896 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 148 12-08
10895 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 125 12-08
10894 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 170 12-08
10893 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 102 12-08
10892 김용호 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 138 12-08
10891 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 145 12-07
10890 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 126 12-07
10889 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 82 12-07
10888 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 147 12-07
10887 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 105 12-07
10886 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 129 12-07
10885 김용호 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 93 12-06
10884 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 110 12-06
10883 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 63 12-06
10882 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 190 12-06
10881 김용호 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 96 12-05
10880 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 168 12-05
10879 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 143 12-05
10878 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 143 12-05
10877 신광진 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 152 12-05
10876 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 172 12-05
10875 메밀꽃산을 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 211 12-04
10874 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 155 12-04
10873 풍차주인 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 130 12-04
게시물 검색

 


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