본문 바로가기
Js

replace(), 유튜브 클릭시 오토플레이

by 영감은어디에 2024. 7. 17.

유튜브 주소 뒤에 ?autoplay=1 붙이기 

var currentUrl = $('iframe').attr('src');

$('.video').click(function(e){
    e.preventDefault();
    $('#overlay').addClass('visible');
    var newStr = '?autoplay=1';
    var newUrl = currentUrl.concat(newStr);
    $('iframe').attr('src', newUrl);
});
$('.close').click(function(e){
    e.preventDefault();
    currentUrl = $('iframe').attr('src');
    $('#overlay').removeClass('visible');
    var newUrl2 = currentUrl.replace('?autoplay=1', '')
    $('iframe').attr('src', newUrl2);
})

'Js' 카테고리의 다른 글

menu bar mouse move  (0) 2025.02.25
폴리곤. 컬러 로테이션 hue-rotate  (0) 2025.02.24
createElement, mouse move  (0) 2025.02.23
Lottie json 파일 단순 마우스 오버 효과  (0) 2024.10.17
숫자 카운터  (0) 2024.07.17
hasClass를 이용한 이미지 체인지  (0) 2024.07.17
throttle(), clone()  (0) 2024.07.17
lottieFiles  (0) 2024.07.15