비디오 제어 버튼

비디오 아래에 비디오를 일시 정지 / 재생하는 버튼과 소음(消音) / 해제하는 버튼을 추가했습니다.
소리 토글 버튼은 비디오에 소리가 있을 때만 나타납니다.

document.querySelector("video").addEventListener("click"function() {
    if (typeof this.webkitAudioDecodedByteCount !== "undefined") {
        if (this.webkitAudioDecodedByteCount > 0) {
            console.log("소리 있는 비디오임")
        }
    }
    else if (typeof this.mozHasAudio !== "undefined") {
        if (this.mozHasAudio) {
            console.log("소리 있는 비디오임")
        }
    }
})

위 코드를 사용해 비디오에 소리가 있는지 판단합니다.
위 코드의 두 if 문에 걸리지 않으면 비디오에 소리가 있는지 없는지 판단할 수 없다는 뜻이니 어지간하면 else if 아래에 else를 추가해 소리가 있다고 판단하는 게 낫지 싶습니다.

편한 복사

인덱스 페이지에서도 링크를 복사할 수 있습니다.
웹에 첨부하는 게 목적이니 비디오 링크가 복사되도록 해뒀습니다.

기타

- 드로워에 카테고리 목록 추가
- 드로워를 열면 배경이 어두워지도록 수정
- 로고에 hover 애니메이션 추가

오류 수정

- 인덱스 페이지에 글이 꽉 차게 표시되지 않던 오류 수정
- 인덱스 페이지에서 간헐적으로 글이 겹치던 오류 수정
- 드로워의 검색창이 작동하지 않던 오류 수정
- infinite scroll이 한 번에 마지막 페이지까지 불러오는 오류 수정

profile

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

(?)

  • Kiss Me ♥

    https://chaeyoung.tistory.com/attachment/cfile2.uf@99E6D7455DF63DFF0DCDE7.mp4

    편한 복사 기능 대박이네요 ㅎㅎ
    나중에 정리되면 아이유와 태연도 업로드 될테니
    새로 만들 생각하지 말고, 그냥 앞으로 이곳 이용하면 될거 같아요~ 🙂
    완전 좋습니다 b

    https://t1.daumcdn.net/cfile/tistory/9965783C5DF0EEE322?original

    1. 감사합니다~~
      아이유 움짤도 하나씩 올리기 시작했습니다!
      조금 더 사명감을 갖고 관리해야겠네요 ㅋㅋㅋㅋ

      https://chaeyoung.tistory.com/attachment/cfile29.uf@99C9C0395DF63E9605E2E7.mp4