메뉴 건너뛰기

조회 수 7059 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
<!doctype html>
< html lang="en">
< head>
    <meta charset="utf-8"/>
    <title> Dougy's HTML5 </title>
< /head>
< body style="background-color:#8EE5EE;">
    <div id="big_wrapper">
        <video src="song.mp4"> </video>
    </div>
< /body>
< /html>

제 동영상 파일은 이름이 song.mp4 입니다.

크롬 브라우저에서 실행하면 위와 같이 나옵니다.
동영상이 play되지도 않고 어디 play버튼이나 stop 버튼 뭐 이런게 하나도 없습니다.
video 태그를 아래와 같이 고쳐 보세요.
< video src="song.mp4" controls > </video>


그냥 video 태그에 controls만 넣었는데 플레이버튼, 정지버튼,진행상황 bar 그리고 볼륨조절까지 다 나오네요.

video tag 안에 width와 height도 넣을 수 있습니다. 그러면 동영상 사이즈가 변할 겁니다.
이 video tag 안에 넣을 수 있는 속성들은 아래와 같은 것들이 있습니다.
다 보시면 아실 겁니다.
아래와 같이 video 태그를 바꿔보세요.
< video src="song.mp4" controls width="640" height="360" loop poster="video05.png"> </video>
너비, 높이를 지정했고 루프를 선언했고 poster에 한 이미지를 지정했습니다.
(저는 HTML5 로고를 사용했습니다.)
그러면 처음 실행될 때 poster에서 지정된 이미지가 나타나고 재생 버튼을 누르면 동영상이 시작됩니다.
여기에 autoplay를 추가하면 자동으로 동영상이 시작되겠죠?
여러분들이 필요한 속성을 사용하시면 됩니다.

  1. No Image 26Jul
    by
    2015/07/26 Views 6389 

    안드로이드 종료 취소 다이얼로그 코드

  2. No Image 26Jul
    by
    2015/07/26 Views 6528 

    폰갭 비콘 디텍팅 안될 때 (기본적인건 다 되있어야됨)

  3. No Image 26Jul
    by
    2015/07/26 Views 6658 

    안드로이트 비콘 스캐닝시 고려 사항

  4. No Image 26Jul
    by
    2015/07/26 Views 10828 

    블루투스 및 비콘 관련 정리

  5. 블루투스(Bluetooth) 통신에 대해 알아보자

  6. 안드로이드 팝업창 만들기(xml 내용 집어넣기)

  7. No Image 23Jul
    by
    2015/07/23 Views 6683 

    안드로이드 스튜디오 gradle error 해결

  8. [안드로이드] 화면추가 버튼 리스너

  9. [안드로이드] 페이스북 같은 슬라이드 메뉴 만들기

  10. 안드로이드 ( Android ) APK 파일 생성하기

  11. 안드로이드 webview (웹뷰) 개발 #4 - 멀티터치 ( 확대 / 축소 ) 적용

  12. 안드로이드 webview (웹뷰) 개발 #3 - 초기 로딩화면 (splash) 띄우기 + 아이콘 적용하기

  13. 안드로이드 webview (웹뷰) 개발 #2 - 파일 첨부 및 플러그인 적용하기

  14. 안드로이드 webview (웹뷰) 개발 #1 - 웹사이트를 어플로 만들어 보자!

  15. No Image 17Jul
    by
    2015/07/17 Views 7029 

    [안드로이드] 버튼 이벤트 처리하기

  16. No Image 17Jul
    by
    2015/07/17 Views 7225 

    [안드로이드] 뷰(View)에 여백넣기

  17. No Image 17Jul
    by
    2015/07/17 Views 7140 

    [안드로이드] 뷰(View)의 너비와 높이 지정하기

  18. No Image 16Jul
    by
    2015/07/16 Views 7071 

    [안드로이드] 레이아웃의 기본2

  19. No Image 16Jul
    by
    2015/07/16 Views 6962 

    [안드로이드] 레이아웃의 기본1

  20. No Image 16Jul
    by
    2015/07/16 Views 6767 

    [안드로이드] Activity에 대해서

Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved