생활코딩

Coding Everybody

코스 전체목록

닫기

댓글

댓글 본문
작성자
비밀번호
  1. 싱그르르
    도움이 되었습니다. 감사합니다.
    대화보기
    • 20190811 완료
    • 김세종
      2019-07-13 수강완료
    • 김주엽
      공부완료
    • 피터
      감사합니다!
    • 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
          감사합니다~
        • matheios
          감사합니다~
        • D.JA
          DONE!
        • 심외무별법
          감사합니다. 잘보고있습니다.
        • 김종엽
          2016.08.24 완료!
        • Daehyeop Ko
          서브라임텍스트3 사용중인데, 자동완성 기능 사용하다가
          egoing님의 <video> 태그 안에 다시 <source src="">태그 만들어서 하는 식이 아닌
          바로 <video src="">이런식으로 자동완성이 되더라구요. 그래서 혹시 하고 해봤는데,
          이 방식으로도 width, controls 모두 가능해서 참고하시라고 댓글 남겨요.

          강의 감사합니다! 잘 봤어요
        • wonhee lee
          드디어 동영상까지 왔네요
        • Joon Lee
          우앙 재밌습니다
        • killed21@naver.com
          감사해요!!
          대화보기
          • 우욱진
            감사합니다~
          • cicada
            감사하합니다
          • Ian Si Mong Seong
            수강완료
            2016.08.01
          • 바람의앵
            감사히 잘 보았습니다.
            이렇게 올릴경우 올린라일을 누구나 다운로드 해갈 수있는데..
            그걸 막는 속성은 없나요
          • JustStudy
            2016.07.25 월
            고맙습니다 1.
          • 이승민
            아래에 다른분이 올려주신 새로운링크가 묻혀있길래 올려봅니다.
            http://techslides.com......ml5
            여기로 들어가시면 샘플동영상 다운받으실 수 있습니다.
            이번강의도 잘 보았습니다. 감사드립니다 ㅎㅎ
          • 링고쥬스
            나중에 자막 넣는 방법도 설명해 주시면 좋을 것 같아요 ~ ^^
          • joo0914krs
            감사합니다
          • 달고뉴
            이상하게 링크 주소가 틀린 건 아닌데 복사해서 엔터하니까 페이지가 안 나오네요.
            그 사이트에서 검색창에 sample video 를 치면
            첫번째 글로 Sample WebM, Ogg, and MP4 Video Files for HTML5 이 나오는데
            이거 클릭하니까 되네요.
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기