Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

रिस्पॉन्सिव वीडियो प्लेयर के लिए CSS चौड़ाई प्रॉपर्टी का इस्तेमाल करें

<घंटा/>

अपने वीडियो प्लेयर को प्रतिक्रियाशील बनाने के लिए, चौड़ाई संपत्ति का उपयोग करें और इसे 100% पर सेट करें

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width=device-width, initial-scale=1.0">
         <style>
            video {
               width: 100%;
               height: auto;
            }
         </style>
   </head>
   <body>
      <video width = "300" controls autoplay>
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
      </video>
      <p>To check the effect, you need to resize the browser.</p>
   </body>
</html>

  1. CSS फॉन्ट-वेरिएंट प्रॉपर्टी का उपयोग कैसे करें (स्मॉल कैप के लिए)

    CSS फ़ॉन्ट-वेरिएंट का उपयोग करने का तरीका जानें आपके टेक्स्ट के लिए स्मॉल कैप्स अक्षरों का उपयोग करने के लिए प्रॉपर्टी — और क्या आपको स्मॉल कैप्स का बिल्कुल भी उपयोग करना चाहिए। CSS font-variant संपत्ति निर्दिष्ट करती है कि आपका टेक्स्ट सामान्य टेक्स्ट केस या स्मॉल-कैप फ़ॉन्ट के रूप में प्रदर्शित ह

  1. CSS फ़ॉन्ट-शैली की संपत्ति का उपयोग कैसे करें

    CSS फॉन्ट-स्टाइल प्रॉपर्टी आपको अपने टेक्स्ट, सामान्य, इटैलिक और ऑब्लिक के लिए तीन अलग-अलग फ़ॉन्ट प्रकार (शैलियों) को लागू करने की अनुमति देती है: .normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } normal :सामान्य पाठ के लिए उपयोग की जाने वाली ड

  1. एचटीएमएल डोम वीडियो चौड़ाई संपत्ति

    HTML DOM वीडियो चौड़ाई गुण मीडिया की चौड़ाई (पिक्सेल में) के अनुरूप संख्या लौटाता/सेट करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - वापसी चौड़ाई एक संख्या के रूप में (px) मीडियाऑब्जेक्ट.चौड़ाई चौड़ाई को किसी संख्या (px) पर सेट करना मीडियाऑब्जेक्ट.चौड़ाई =संख्या आइए वीडियो की चौड़ाई . का एक उदाहरण