테스트 사이트 - 개발 중인 베타 버전입니다

html에서 비디오테그 옵션 중에 controls 적용이 안되네요. 채택완료

그누보드초보이용자 9개월 전 조회 1,556

html에서 비디오테그 옵션 중에 다른건 다 잘되는데 

제일 필요한 controls 적용이 안되네요. 검색을해봐도 내용이 안나와서.. 혹시 아시는 분이있을까 하고 문의합니다~!

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
glitter0gim
9개월 전

Slick의 애니메이션 효과(transform 및 CSS 적용)로 인해

비디오 컨트롤이 숨겨지거나 비활성화되는 문제.

 

최적의 해결 방법:

Slick을 초기화할 때 useTransform: false와 useCSS: false 옵션을 설정하여

컨트롤이 사라지는 것를 방지.

 

*아래는 Slick Slider에서 <video> 태그의 controls 옵션이 정상 동작할 예시.

//  JavaScript

$('.your-slider').slick({
    useTransform: false,
    useCSS: false,
    dots: true,
    arrows: true
});

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

그누보드초보이용자
9개월 전
와.. 이런게 있었나요... 어디서 찾으신건지 ㅠㅠ 정말 감사합니다..
g
glitter0gim
9개월 전
구글링과 AI로 찾아 보았습니다.
그누보드초보이용자
9개월 전
해결은 안됬으나.. 한번 더 고민해보겠습니다
g
glitter0gim
9개월 전
`/_

댓글을 작성하려면 로그인이 필요합니다.

9개월 전

<video id="myVideo" src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" width="600" controls></video>

이렇게 하면 잘 나옵니다.
브라우저나 다른 js 코드에서 컨트롤을 숨기는게 있는지 봐 보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

그누보드초보이용자
9개월 전
Slick Slider에서 video controls가 안되는거 였습니다 ㅠㅠ
설국열차
9개월 전
슬라이더에서는 js 라이브리를 쓰는 것입니다.
해당 js 라이브리코드를 보고 수정해야 할 것입니다.
그곳에서 컽트롤을 숨기는 부분을 찾아서 보이게 하면 될것입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인