ویدئو پلیر

  1. خانه
  3. محتوای المان ها
  5. ویدئو پلیر

Ratio 16:9

Ratio 3:2

Ratio 4:3

Ratio 1:1

SoundCloud Example 1

[vc_raw_html]JTNDaWZyYW1lJTIwd2lkdGglM0QlMjIxMDAlMjUlMjIlMjBoZWlnaHQlM0QlMjIxNjYlMjIlMjBzY3JvbGxpbmclM0QlMjJubyUyMiUyMGZyYW1lYm9yZGVyJTNEJTIybm8lMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRncuc291bmRjbG91ZC5jb20lMkZwbGF5ZXIlMkYlM0Z1cmwlM0RodHRwcyUyNTNBJTJGJTJGYXBpLnNvdW5kY2xvdWQuY29tJTJGdHJhY2tzJTJGMTM0MDg3OTQ4JTI2YW1wJTNCY29sb3IlM0QzMWM1YzclMjZhbXAlM0JhdXRvX3BsYXklM0RmYWxzZSUyNmFtcCUzQmhpZGVfcmVsYXRlZCUzRGZhbHNlJTI2YW1wJTNCc2hvd19jb21tZW50cyUzRHRydWUlMjZhbXAlM0JzaG93X3VzZXIlM0R0cnVlJTI2YW1wJTNCc2hvd19yZXBvc3RzJTNEZmFsc2UlMjIlM0UlM0MlMkZpZnJhbWUlM0U=[/vc_raw_html]

SoundCloud Example 2

[vc_raw_html]JTNDaWZyYW1lJTIwd2lkdGglM0QlMjIxMDAlMjUlMjIlMjBoZWlnaHQlM0QlMjIxNjYlMjIlMjBzY3JvbGxpbmclM0QlMjJubyUyMiUyMGZyYW1lYm9yZGVyJTNEJTIybm8lMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRncuc291bmRjbG91ZC5jb20lMkZwbGF5ZXIlMkYlM0Z1cmwlM0RodHRwcyUyNTNBJTJGJTJGYXBpLnNvdW5kY2xvdWQuY29tJTJGdHJhY2tzJTJGMTczMDU4MzY5JTI2YW1wJTNCY29sb3IlM0Q3OTU3YmQlMjZhbXAlM0JhdXRvX3BsYXklM0RmYWxzZSUyNmFtcCUzQmhpZGVfcmVsYXRlZCUzRGZhbHNlJTI2YW1wJTNCc2hvd19jb21tZW50cyUzRHRydWUlMjZhbXAlM0JzaG93X3VzZXIlM0R0cnVlJTI2YW1wJTNCc2hvd19yZXBvc3RzJTNEZmFsc2UlMjIlM0UlM0MlMkZpZnJhbWUlM0U=[/vc_raw_html]
document.addEventListener("DOMContentLoaded", () => { const slides = document.querySelectorAll(".v-product-slide"); let current = 0; let busy = false; function showSlide(index) { if (index < 0 || index >= slides.length) return; slides.forEach(slide => slide.classList.remove("active")); slides[index].classList.add("active"); current = index; } window.addEventListener("wheel", (e) => { if (busy) return; busy = true; e.preventDefault(); if (e.deltaY > 0) { showSlide(current + 1); } else { showSlide(current - 1); } setTimeout(() => busy = false, 1000); }, { passive: false }); });