html에서 비디오테그 옵션 중에 controls 적용이 안되네요.
본문
html에서 비디오테그 옵션 중에 다른건 다 잘되는데
제일 필요한 controls 적용이 안되네요. 검색을해봐도 내용이 안나와서.. 혹시 아시는 분이있을까 하고 문의합니다~!
답변 2
Slick의 애니메이션 효과(transform 및 CSS 적용)로 인해
비디오 컨트롤이 숨겨지거나 비활성화되는 문제.
최적의 해결 방법:
Slick을 초기화할 때 useTransform: false와 useCSS: false 옵션을 설정하여
컨트롤이 사라지는 것를 방지.
＊아래는 Slick Slider에서 <video> 태그의 controls 옵션이 정상 동작할 예시.
// JavaScript
$('.your-slider').slick({
useTransform: false,
useCSS: false,
dots: true,
arrows: true
});
와.. 이런게 있었나요... 어디서 찾으신건지 ㅠㅠ 정말 감사합니다..
구글링과 AI로 찾아 보았습니다.
해결은 안됬으나.. 한번 더 고민해보겠습니다
`/_
<video id="myVideo" src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" width="600" controls></video>
이렇게 하면 잘 나옵니다.
브라우저나 다른 js 코드에서 컨트롤을 숨기는게 있는지 봐 보세요
Slick Slider에서 video controls가 안되는거 였습니다 ㅠㅠ
슬라이더에서는 js 라이브리를 쓰는 것입니다.
해당 js 라이브리코드를 보고 수정해야 할 것입니다.
그곳에서 컽트롤을 숨기는 부분을 찾아서 보이게 하면 될것입니다.