본문 바로가기 메뉴 바로가기

AI Platform / Web

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

AI Platform / Web

검색하기 폼
  • 분류 전체보기 (374)
    • 알고리즘 (56)
      • 알고리즘 종류 (20)
      • 백준 (1)
      • sw (30)
    • Web (206)
      • HTML (10)
      • CSS (6)
      • Bootstrap (2)
      • Django (63)
      • JAVASCRIPT (22)
      • typescript (2)
      • Vue.js (10)
      • SQL (2)
      • git (2)
      • 프로젝트구현 (21)
      • React (42)
      • php (2)
      • nodejs (3)
      • nextjs (12)
    • Database (0)
      • MongoDB (0)
    • 빅데이터 (8)
    • 인공지능(Artificial Intelligenc.. (64)
      • python (23)
      • 자연어 처리(natural language pro.. (16)
      • Linear algebra (1)
      • Algorithm (2)
      • Tensorflow (8)
      • speech recongnition (0)
      • 머신러닝 (4)
      • 딥러닝(Deep Learning) (2)
      • CNN (4)
      • RNN (1)
    • 데이터분석 (9)
    • Platform (12)
      • spring boot (9)
    • 라즈베리파이 (5)
    • github (1)
    • 오픈소스 (1)
  • 방명록

접속 후 바로 시작 (1)
[html] 비디오(mp4) 영상 태크

html에서 영상을 넣는 방법은 아래와 같이 어렵지않다. 기본적으로 아래와 같이 적으면, 영상은 발생하지 않고 시작 이미지만 발생한다. 여기에 아래와 같이 controls만 붙여주면 우리가 아는 이미지 파일이 작동하는 것을 알 수 있다. 다른 속성들도 알아보자. controls : 이 값을 넣어줘야 사진이 아니라 영상으로 보여진다. (이거 하나만 적어도 작동한다.) muted : 음향의 디폴트를 무음으로 만들어 준다. autoplay : 접속 시 바로 시작하게 한다. loop : 영상을 다보면 자동으로 다시 재생한다. 위와 poster를 넣으면 영상 시작전에 img 를 넣어서 썸네일을 넣을 수 있다. 시작 전에는 jpg 파일이 뜨고 재생을 누르면 mp4가 실행된다.

Web/HTML 2021. 12. 19. 09:23
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • logout
  • vuejs
  • Python
  • useState
  • mongoDB
  • 자료구조
  • typescript
  • error:0308010C:digital envelope routines::unsupported
  • NextJS
  • BFS
  • Vue
  • nodejs
  • react
  • login
  • react autoFocus
  • next.config.js
  • useHistory 안됨
  • Deque
  • pandas
  • Queue
  • django
  • UserCreationForm
  • 자연어처리
  • DFS
  • Express
  • nextjs autoFocus
  • TensorFlow
  • 클라우데라
  • JavaScript
  • read_csv
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바