생활코딩

Coding Everybody

코스 전체목록

닫기

댓글

댓글 본문
  1. 오석민
    완료
  2. 박병진
    감사합니다
  3. wndals20
    20.09.18 이번 수업도 잘 들었습니다. 감사합니다!
  4. ppwater
    너무 늦었겠지만,절대경로로 해주셔도 되고, ../img/파일이름.mp4 하고 열어도 될 거에요.
    ../는 부모 디렉터리 라는 뜻입니다.
    그러니 sky 님 기준으로는 html 의 부모 디렉터리 htdocs 으로 가서 그 밑에 있는 img 폴더로 들어가서 .mp4 파일을 열라고 하는 뜻이 됩니다
    대화보기
    • ppwater
      샘플영상 링크 접속이 안되시는 분들
      http://techslides.com......ml5
      접속해보세요 생활코딩 선생님의 링크는
      http://techslides.com......ml5%E2%80%8B
      이렇게 되어있네요. 그러니 %E2%80%8B 을 지우고 접속해보셔도 됩니다
      참고로 %E2%80%8B 는 ZERO WIDTH SPACE(너비 없는 공간) 이라는 뜻입니다
    • Lee Seulgi
      감사합니다 :)
    • 성훈
      크롬의 경우 autoplay기능을 해야할때, muted라는 음소거 기능을 같이사용해야 자동재생이 원할하게 되네요.. 저만그런가요?
    • 김성곤
      20200715 감사합니다!
    • 열심히사는사람
      완료
    • 한강
      vedio tag 감사합니다~~^^!
      200525
    • Mongsil
      2020.04.01 완료 감사 합니다!
    • 김선경
      2020-03-24 완료
    • 최강최고
      20/3/13 완료
    • 2020.01.03
    • 호롤롤롤로
      현재시점 샘플영상파일 url이 사라진것같습니다 ㅠㅠ 확인부탁드려요
    • ㅇㅈㅇ
      환료
    • Grigo
      완료
    • 싱그르르
      도움이 되었습니다. 감사합니다.
      대화보기
      • FIRE
        20190811 완료
      • 김세종
        2019-07-13 수강완료
      • 김주엽
        공부완료
      • 피터
        감사합니다!
      • hoook
        190311 완료
      • 한승민
        190129 완료
      • 미완성
        20190107완료
      • Gihoon Pomme Ryu
        완료. 고맙습니다.
      • 김민영
        완료
      • SlowStarter
        감사합니다!
      • tianma
        감사합니다
      • 스페이스몽키
        확장자가 .avi로 되어있는것은 적용이 안되나요?
      • stellar
        비디오의 width를 디바이스별(폰, 테블릿, PC)로 조절하는 방법이 궁급합니다.
      • 시밍
        저도 같은 문제로 이리저리 해본결과.. 저장경로도 안통하는게 그냥 폴더명을 html에서 다른걸로 변경하니 해결되었습니다.
        대화보기
        • JN87
          강의와는 조금 다른 이야기지만 궁금증이 생겨 질문 남깁니다.

          브라우저간 지원하는 동영상 형식이 다르기 때문에 이 문제를 해결하기 위해
          동영상 확장자를 달리 하여 소스 주소를 여러 개 올리라고 하셨는데요.

          그렇다면 제가 전혀 다른 2개의 동영상을 함께 표시하고 싶다 라고 한다면
          <source>태그에 추가 하는 것이 아니라 별개의 <video>태그를 하나 더 만들어야 하나요?

          만약 그렇다면 하나의 <video>태그는 결과적으로 하나의 동영상만 표시할 수 있는 건가요?
        • JN87
          180101 감사합니다!

          1. <video>태그 : 동영상을 문서에 삽입하는 기능
           <video width="수치" controls>
            <source src="URL">
           </video>

          2. 웹브라우저간 호환성 문제
           웹브라우저마다 지원하는 동영상 포멧이 다르므로 여러가지 형태(확장자)의 동영상을 기술하면
           웹브라우저는 자신이 지원하는 기능 중 가장 선호하는 형식의 동영상을 선택해서 화면에 표시한다.
        • 푸른하늘
          2
        • Jupi
          이제 동영상링크가 짤렸네요~
          구글링 해보니 이런 사이트도 있더라구요.
          http://www.sample-videos.com......deo

          크롬 브라우저에서 flv, mkv확장자 동영상을 재생하지 못하는거 같네요~
        • 바람과 나무
          감사합니다.
        • 오빠는다르다
          감사랍니다~!!
        • spiritord
          감사합니다
        • 손정은
          경로를 절대경로로 아예 지정해주면 되지 않을까요 ??
          대화보기
          • 우선 htdocs 하위에 videos 하위에 mp4파일을 저장해두었습니다.
            그리고 htdocs 하위에 video.html 파일을 저장했을 때는 정상적으로 비디오가 표시되지만
            htdocs하위에 html 이라는 폴더를 생성해서 그 폴더에 html파일을 저장했을 때는 비디오가 표시되지 않더라구요
            하위 디렉토리나 같은 디렉토리에 있을때 가능한 것 같아보이는데
            mp4파일과 html파일이 다른 경로에 있는 경우에는 src를 어떻게 작성해주어야 비디오 재생이 가능할까요?
          • 이장원
            친절한 설명 감사드립니다
          • 14번째
            5.14.
          • MS lee
            오타인것 같아서 말씀드립니다.
            '삽입하고 위한 태그' 가 아니고
            '삽입하기위한 태그' 가 아닐까 하는 생각이 드네요
          • php가 첫취업?
            샘플동영상이 없네요
          • Jaeeui Kwon
            링크가 안 되서 구글에서 찾았는데.. 찾은 주소도 위와 같은 주소네요~ 수동으로 들어가니까 보여요~

            http://techslides.com......ml5
          • 삐꾸돼지
            안녕하세요 이고잉님 강의 정말 잘보고있습니다.
            다름이아니라 제가 서브라임 텍스트 3를 개발도구로 쓰고있는데 동영상처럼
            속성이 자동완성이 되지 않습니다. 동영상에서는 속성입력시 해당 태그에서 사용할수있는 추천태그들이 밑에 나오는데 서브라임에서는 나오지 않습니다. 어떻게 해야하나요?
          • 해커가꿈인사람
            2016.12.20 강의수강완료
          • 임지호
            HTML5부터 웹브라우저 자체적으로 비디오 삽입가능 -> <video>태그 사용
            - 방법 : <img>태그 처럼 자체적인 src속성이 있지 않고 <video>태그 안에 <source src=...>를 삽입해줘야 한다
            - 브라우저마다 지원하는 동영상 포맷이 다르기 때문에 여러가지 확장자의 비디오 파일을 기술하면
            브라우저가 자신에게 맞는 형태의 동영상을 선택한다.
            - <video>태그에 controls라는 속성을 추가하면 재생, 소리 등을 제어할 수 있는 컨트롤이 나타난다.
          • matheios
            감사합니다~
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기