생활코딩

Coding Everybody

코스 전체목록

닫기

부록 : 코드의 힘 - 동영상 삽입

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. eddylee123456
    완료
  2. 규몽
    완료
  3. moon
    정말 감사합니다.!!
  4. 뉴빈
    퍼가기 소스 붙이니까 되네요 감사합니다!
  5. Jinhee Yu
    완료
  6. 동그리
    완료
  7. thsths
    완료
  8. 최정욱
    풀스크린말고 시네마모드도 할 수 있는 방법 없나요?
  9. 안미경
    감사합니다!
  10. Dontmesay
    검색해보니까
    <iframe style="width: 100vw; height: 100vh;"
    src="https://www.youtube.com/embed/7T7r_oSp0SE"
    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
    이렇게 수정하심 될 거 같아요 html만으로는 한계가 있는 것 같아서 찾아보니까 style="width: 100vw; height: 100vh;"로 해보라고 나왔어요
    대화보기
    • ㅇㅇㅇ
      저도 해보니까 width는 잘 지정되는데 height가 이상하네요.. 어떻게 하는지 궁금합니당
      //
      웹이란게 위아래 길이는 무한정 늘어날 수 있으니 퍼센트 지정이 안되는거라고 생각되네요 비율을 지정해야될거같은데..
      대화보기
      • Dontmesay
        이미지에서 width="100%"를 적용하면 창의 크기에 맞게 항상 꽉찬 것 처럼 이미지의 크기가 따라왔는데
        동영상에서는 width="100%"를 넣으니 높이가 이상하게 적용되고 의도한대로 잘 안 되네요.
        width="100%" height="100%"로 해도 안 되고 높이와 넓이 둘 다 창의 크기에 맞춰 따라가거나
        가로 넓이와 높이의 비율이 유지되게하고 둘 중 하나의 값이 변하게 되면 비율에 맞게 따라가게 만드는 것도 가능할까요?
      • Gt Kim
        완료
      • 어뎅
        완료
      • 완료
      • 김성하 Jr.12
        어휴,힘들지만 완료!
      • 오영순
        감사합니다! 제게 큰 도움이 되었습니다 여기까지 잘 따라온 나도 기특하다
      • Udaanng
        유투브에서 무작위로 골라서 삽입했는데 어떤건 재생이 되고 어떤건 재생이 안되네요,,ㅠㅠ
      • 노병천
        삽입완료
      • 완료
      • 박채우
        완료
      • 김현주
        완료
      • 스티븐잡숴
        완료
      • doryeng
        완료!
      • 문병민
        완료
      • 무지개반사
        완료
      • JongHan Park
        완료!
      • 채진경
        완료
      • 감사합니다
      • 샬롬
        완료
      • 레오
        2020.1.2. 완료
      • 메타초코
        19.12.24 (v)
      • 20191209 프론트엔드 스터디_완료
      • 홍주호
        20191208 완료
      • 조장운
        2019-11-23 유튜브동영상 삽입
        완료
      • 이상민
        힘들지만. 나아가지 않는 내 자신이 미래엔 더 힘들겠지
      • 이상민
        2019-11-15완료
      • 퍼블
        iframe은 화면 안에 새로운 브라우저가 생긴거랑 비슷하다고 보시면 돼요 유튜브의 링크는 말그대로 도메인 주소이기 때문에 페이지에 보여지게 하려면 코드 안에 넣어주어야 하죠 ㅎㅎ 유튜브 동영상은 iframe 코드 안에 넣어주어야 페이지에 보여지게 됩니다
        대화보기
        • 2019.11.2 완료
        • 이승연
          20191031완료
        • 미옹이
          동영상 화면에서 우클릭하면 소스코드 복사가 있는데 그걸로 하니 아래와 같이 카피 해 올 수 있네요.
          <iframe width="560" height="315" src="https://www.youtube.com/embed/jSJM9iOiQ1g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

          https://www.youtube.com......Q1g
          이건 유투브 동영상 주소창에서 복사 해 온 것인데 이건 안 먹히네요. 아마 watch?v=가 아니라 embed/가 붙어야 웹페이지에서 재생이 가능한가 봅니다.

          https://youtu.be......Q1g 이건 공유 메뉴에서 받아 온 것인데, 이것도 안 되네요. 주소창에서는 재생 됩니다.

          결국 관건은 embed/ 이거네요.
        • 오세
          완료 2019.10.28
        • 돌언니
          완료
        • 현민수
          삐약
        • 햄쮸맨
          유튜브 정책이 변했는지 공유에서 동영상 주소 가져다가 아이프레임 직접 넣고 하면 안되더군요.그래서 찾아보니 동영상 우클릭 해서 소스코드복사 해야 영상을 출력 해주네용? 뭐징? 코드도 다른게 줄줄이 붙고 무엇보다 직접 가져가는 경우랑 주소가 조금 다르더군요! 암튼 이것도 실습 성공~
        • 안영우
          Apache 폴더에 넣어놓고 나서, Bitnami 프로그램을 실행시킨 후에 자기 IP주소를 넣어보세요:)
          * 휴대폰으로 홈페이지를 들어가려면 같은 네트워크 상에서 접속해야합니다.(그래도 안된다면 PC 방화벽을 OFF해보세요)
        • 신상호
          유튜브 영상의 주소를 복사해서 똑같은 코드로 올렸는데 웹페이지에서 로딩해보니 유튜브에서 연결을 거부했다고 나오네요.
          먼가 정책이 바뀐듯합니다. 영상에서 나오는 유튜브 embed 버튼도 없어졌고요.
        • 신현정
          완료
        • Kyung Hun Jung
          완료
        • 코딩만이 살길이다
          완료
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기