홍페이지 HONGPAGE

  • 홈
  • 디자인
  • 개발
  • TIP
  • Link

mp3

개발/js·jquery
[jQUery/JS] 음악 비디오 재생/일시정지/음소거 버튼 만들기

1. audio 태그를 사용하여 배경음악 또는 비디오를 넣는다. 2. 컨트롤 버튼 click me 3. 스크립트 삽입 (2번의 버튼을 클릭하면 재생/일시정지 번갈아 가면서 작동함) var video = document.getElementById("player"); $("#btn_player").click(function(e){ if(video.paused==true){ video.play(); //재생 }else{ video.pause(); //일시정지 } }); video.addEventListener("ended", function(){ //끝났을 때 }); 개별버튼 재생, 일시정지, 음소거 각각 버튼을 넣고 싶을때는 아래 코드를 이용하면 된다. Play Pause Mute/ Unmute

1
더보기
프로필사진

HONG

디지털노마드를 꿈꾸는
UI/UX Designer, Front-end Developer

Contact : heeehong@gmail.com

  • 분류 전체보기
    • 디자인
      • UX·UI
      • html·css
    • 개발
      • js·jquery
      • php
      • sql
      • 카페24
    • tip
    • 리뷰
    • 블로그
    • 글
    • [ 코드 판매 ]

최근글과 인기글

  • 최근글
  • 인기글




티스토리툴바