निःशुल्क इस नि शुल्क अनुप्रयोग के साथ आसानी से उत्तरदायी एम्बेड कोड उत्पन्न करें
हर वेब डिजाइनर जानता है कैसे वीडियो एम्बेड करने के लिए. सामग्री साझा करने और संबंधित मीडिया के साथ अपने लेखों को बेहतर बनाने का सबसे आसान तरीका है एंबेडिंग.
हालाँकि, iframes और अन्य समान वीडियो एम्बेड के साथ एक समस्या है: a उत्तरदायी समाधानों की कमी. हर आधुनिक साइट पूरी तरह से संवेदनशील है और एक निश्चित वीडियो वास्तव में मोबाइल पर उस प्रवाह को तोड़ सकता है.
इस समस्या का सामना करने के लिए, प्रयास करें Embedresponsively.com. यह मुफ्त वेब ऐप ऑटो कोड एम्बेड करता है मीडिया साइटों की एक विस्तृत सरणी के लिए और भी डिफ़ॉल्ट iframe तत्वों का समर्थन करता है.
डिफ़ॉल्ट रूप से, आप कर सकते हैं मुट्ठी भर मल्टीमीडिया साइटों में से चुनें कि देशी एम्बेड का समर्थन:
- यूट्यूब
- Vimeo
- DailyMotion
- इंस्टाग्राम
- ट्विटर
- गूगल नक़्शे
- Soundcloud
- स्क्रिप्ड
आपको इन सभी एम्बेड कोड को याद रखने या उनके एम्बेड विजेट के साथ गड़बड़ करने की आवश्यकता नहीं है। केवल आप जिस भी आइटम को एम्बेड करना चाहते हैं उसके URL को कॉपी करें और इसे वेब ऐप में पेस्ट करें.
एक बार जब आप क्लिक करें “एम्बेड” बटन, तुम एक पूर्वावलोकन प्राप्त करें वह आप कर सकते हैं आकार बदलने के द्वारा अपने ब्राउज़र में परीक्षण करें, कैसे वीडियो adapts देखने के लिए। पूर्वावलोकन फलक के नीचे, आपको कोड का एक ब्लॉक मिलेगा जो आप कर सकते हैं कॉपी / पेस्ट करें और अपनी साइट पर एम्बेड करने के लिए उपयोग करें.
यह उत्तरदायी एम्बेडिंग समस्या के सबसे सरल समाधानों में से एक है। के लिए लक्ष्य है पहलू अनुपात बनाए रखते हुए वीडियो को लचीला रखें-आसान काम नहीं है.
सीएसएस-ट्रिक्स पर एक और समाधान के साथ एक महान टुकड़ा है जो कक्षाओं और एक कंटेनर तत्व पर अधिक निर्भर करता है। पर अगर तुम हमेशा उस कंटेनर को जोड़ना याद नहीं रखना चाहता आप एंब्रॉइडेंसिव रूप से पसंद कर सकते हैं.
साइट पर एक नज़र डालें और इसे एक शॉट दें। अगर आपको कोई आपत्ति नहीं है लंबे समय तक स्निपेट के साथ काम करना यह निश्चित रूप से किसी भी उत्तरदायी लेआउट के लिए एक महान समाधान है.
और, आप चाहें तो GitHub पर मुफ्त में पूर्ण स्रोत कोड पा सकते हैं अधिक एम्बेड करने योग्य मीडिया के लिए समर्थन जोड़ें.