मोबाइल उपयोगकर्ताओं के लिए एचटीएमएल 5 वीडियो पृष्ठभूमि को हटाने का सबसे अच्छा तरीका क्या है

Question

विवरण: मेरा एक ग्राहक अपनी प्रतिक्रियाशील वेबसाइट पर पृष्ठभूमि वीडियो चलाना चाहता है। हालांकि वह इसे टैबलेट/मोबाइल उपयोगकर्ताओं के लिए भी हटाना चाहेंगे। मुझे पता है कि यह मीडिया प्रश्नों के साथ किया जा सकता है, लेकिन वीडियो अभी भी डीओएम के हिस्से के रूप में लोड होगा और यही वह है जिसे मैं रोकना चाहता हूं।

प्रश्न:

1. वीडियो तत्व डोम जब यह निश्चित चौड़ाई पर लोड हो जाता है दृश्य-बंदरगाह से जावास्क्रिप्ट/jQuery का उपयोग करके हटाया जा सकता है?

2. क्या वही वीडियो पुनर्प्राप्त किया जा सकता है जब दृश्य पोर्ट मैन्युअल रूप से बढ़ता है? (मुझे संदेह है कि यह एक बुरा दृष्टिकोण है)

3. "प्रदर्शन: कोई नहीं;" वाला वीडियो होगा अभी भी एक टैबलेट/मोबाइल पर लोडिंग/बैटरी समय को प्रभावित करता है?

धन्यवाद आप सहायता के लिए धन्यवाद।

Answer 1

this answer देखें कि आप मोबाइल डिवाइस पर हैं या नहीं।

फिर, इस परीक्षण का उपयोग कर, आप अपने तत्व jQuery का उपयोग कर .hide(), या "" करने के लिए अपने src विशेषता निर्धारित करते हैं, यकीन है कि इसे डाउनलोड नहीं कर रहा है हो सकता है।

Answer 2

मोबाइल आयामों के आधार पर $('video').remove() का उपयोग करें। यह वेबपृष्ठ से डीओएम तत्व को हटा देगा। तो यह एचटीएमएल में प्रस्तुत नहीं करेगा।

Answer 3

आप सीएसएस का भी उपयोग कर सकते हैं। यह बहुत आसान है।

@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
    video { 
     display:none; 
    } 
} 

फिर नकारात्मक जेड-इंडेक्स वाली एक छवि है, जिस तरह से वीडियो प्रदर्शित नहीं होता है, तो छवि दिखाई देगी।