WEB1 - HTML & Internet

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

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 퍼블
    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
      완료
    • 코딩만이 살길이다
      완료
    • 성규니
      완료
    • 몽글몽글솜사탕
      감사합니다
    • 7273322@naver.com
      완료
    • 박주혁
      완료 입니다. 감사합니다.^^
    • 완료
    • 3onald
      완료했습니다 ㅎ
    • 현우
      완료
    • 서대원
      완료!
    • 정완료
      완료
    • 쑤우
      수강완료. 감사합니다.
    • iframe 은 보안 이슈도 있어서 쓰지 말라는데요.....? 대신에 embed 쓰라는뎅..;;
    • 밍트
      안녕하세요^^ 질문있습니다~
      web 파일 불러올때, 항상 크롬에서 했었어요
      동영상 소스코드 붙여놓고 저장하고
      크롬에서 새로고침했는데 영상 안뜨구요, 혹시나 싶어서 안에 내용 고치고 저장해도
      그 전 상태 그래로에요,
      그래서 인터넷 익스플로어 에서 열어보니 동영상이 뜨네요,
      갑자기 크롬에서는 파일수정 해도 왜 그 전 상태 그대로인거죠? ㅜㅜ
    • 두루가 제일 기여워
      완료
    • 권기혁
      완료하였습니다
    • rimko98
      완료
    • JT_brand
      완료
    • VVONJAE
      완료
    • Sobaek
      짧지만 강렬한 인상을 주는 영상이네요~
    • 한조
      감사합니다!
    • 오케이
      완료
    • javacong
      완료
    • 미오양
      재미있어요 ^ ^
    • 윤민석
      완료
    • 윤동혁
      감사합니다.
    • 윤동혁
      감사합니다.
    • ㅇㅎㅅ
      감사합니다
    • 김우가
      완료
    • 박그제
      완료
    • 김원석
      감사합니다.
    • 코딩가즈아
      감사합니다
    • 코딘이
      19.07.23
    • 하이
      지금 ui가 좀 바꼈는데 똑같이 공유 버튼누르면
      sns들 쭉 있는 행에 퍼가기아이콘 있습니다. 그걸 누르면 저 코드들 복사할수 있어요.
    • 김성환
      5/23 완료
    • Jongjin Park
      5/11 완료 감사합니다
    • 허정우
      완료!
    • 허공
      190504 감사합니다.
    • 위준우
      완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기