प्रत्येक वीडियो के लिए मैन्युअल रूप से display="none"; का उपयोग करने के बजाय, क्या ऐसा करने का कोई स्वचालित तरीका है? ताकि मुझे उसी कोड को कॉपी/पेस्ट न करना पड़े।

(पी.एस. 21 वीडियो हैं, जो अंततः सैकड़ों होंगे।)

    function showVideo1() {
        document.getElementById('video1').style.display = "block";
        document.getElementById('video2').style.display = "none";
        document.getElementById('video3').style.display = "none";
        document.getElementById('video4').style.display = "none";
        document.getElementById('video5').style.display = "none";
    }
0
ChrisLuhrsVA 12 जुलाई 2021, 17:12

2 जवाब

सबसे बढ़िया उत्तर

सबसे पहले, उन सभी को छिपाने के लिए सभी <video> टैग के माध्यम से लूप करें, फिर वह वीडियो दिखाएं जिसे आप दिखाना चाहते हैं।

const showVideo = (videoNumber) => {
  document.querySelectorAll('video').forEach((video) => (video.style.display = "none"));
  document.querySelector(`video#video${videoNumber}`).style.display = "block";
}
1
Samathingamajig 12 जुलाई 2021, 14:31

आप डिस्प्ले = "कोई नहीं" के साथ एक क्लास बना सकते हैं और इसे अपने सभी वीडियो को दे सकते हैं यदि आप एक वीडियो दिखाना चाहते हैं तो आप इस क्लास को हटा दें

        document.getElementById('video1').classList.add('hide');
        document.getElementById('video2').classList.remove('hide');
.hide{
 display:none;
}
<div class="hide" id="video1">
    video 1
</div>

<div class="hide" id="video2">
    video 2
</div>
1
Ouss Ma L'aire Bien 12 जुलाई 2021, 14:25