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

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

영상시

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

(운영자 : ssun)

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

   

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

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

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

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

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

페이지 정보

작성자 profile_image 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 댓글 5건 조회 246회 작성일 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>
추천0

댓글목록

리앙~♡님의 댓글

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

ㅋ ㅏ~~~쥑인다~ㅎㅎ

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

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

정말 멋져요~V ^*^ V

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

네네~^^

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

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

소화데레사님의 댓글

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

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

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

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

밤하늘의등대님의 댓글

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

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

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

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

감사합니다!

리앙~♡님의 댓글

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

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

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

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

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

밤하늘의등대님의 댓글

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

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

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

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

Total 11,231건 1 페이지
영상시 목록
번호 제목 글쓴이 조회 추천 날짜
11231 세잎송이 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13 0 10:45
11230 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 36 0 06:27
11229 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26 0 06:15
11228 풀피리 최영복 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 55 1 02-15
11227 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 96 1 02-15
11226 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 98 0 02-15
11225 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 134 1 02-14
11224 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 118 0 02-14
11223 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 100 1 02-14
11222 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 59 0 02-13
11221 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 56 0 02-13
11220 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 104 1 02-13
11219 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 128 0 02-13
11218 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 233 4 02-12
11217 밤하늘의등대 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 169 2 02-12
11216 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 95 1 02-12
11215 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 92 1 02-12
11214 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 107 2 02-12
11213 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 100 1 02-12
11212 향기지천명맨 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 63 1 02-12
11211 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 113 0 02-12
11210 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 92 1 02-11
11209 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 46 0 02-11
11208 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 180 2 02-11
11207 리앙~♡ 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 117 2 02-11
11206 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 211 4 02-11
11205 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 98 1 02-11
11204 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 109 1 02-11
11203 세잎송이 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 62 0 02-11
11202 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 129 3 02-10
11201 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 137 3 02-10
11200 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 106 1 02-10
11199 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 95 2 02-10
11198 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 75 1 02-10
11197 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 247 2 02-09
11196 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 120 1 02-09
11195 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 116 1 02-09
11194 숙천 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 112 1 02-09
11193 향기지천명맨 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 81 0 02-09
11192 DARCY 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 105 1 02-09
11191 도희a 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 196 3 02-08
11190 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 178 3 02-08
11189 블리블리 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 80 0 02-08
11188 데카르트 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 84 2 02-07
11187 ssun 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 162 1 02-07
11186 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 121 0 02-06
11185 Heosu 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 120 1 02-06
11184 은영숙 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 131 1 02-06
11183 노트24 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 78 0 02-06
11182 향기지천명맨 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 111 0 02-06
게시물 검색

 


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