दो संबंधित नौकरियां एक वीडियो हिंडोला एक क्षैतिज ट्रैक पर वीडियो के माध्यम से स्लाइड करता है ए गैलरी स्लाइडर नीचे एक थंबनेल स्ट्रिप के साथ एक बड़ा पूर्वावलोकन दिखाता है, जो वह लेआउट है जो लोग वास्तव में चाहते हैं जब वे कहते हैं “वीडियो हिंडोला,” क्योंकि समान आकार के वीडियो थंबनेल की एक पंक्ति कुछ भी देखने का एक बदतर तरीका है।
नीचे दोनों, प्लस एम्बेड समस्या है कि वीडियो हिंडोला सबसे धीमी विजेट आप एक पृष्ठ पर डाल सकते हैं और इसके लिए एक लाइन तय कर सकते हैं दोनों विजेट का हिस्सा हैं पूर्ण हिंडोला विजेट संग्रह.
पृष्ठ गति समस्या से प्रारंभ करें
एक पृष्ठ पर छह यूट्यूब एम्बेड एक एकल वीडियो खेलने से पहले तीसरे पक्ष के जावास्क्रिप्ट के मोटे तौर पर ३ एमबी है प्रत्येक आईफ्रेम यूट्यूब प्लेयर, इसके एनालिटिक्स और इसके कुकी बुनियादी ढांचे को लोड करता है या नहीं, कोई भी क्लिक करता है या नहीं।
उन छह को हिंडोले में रखो और यह बदतर हो जाता है, क्योंकि एक हिंडोला अपनी सभी स्लाइड प्रस्तुत करता है, ऑफ-स्क्रीन सहित, इसलिए सभी छह आईफ्रेम एक साथ प्रारंभ होते हैं।
फिक्स एक है मुखौटाः प्ले बटन के साथ वीडियो की पोस्टर छवि दिखाएं, और केवल वास्तविक एम्बेड लोड करें जब कोई क्लिक करता है छह खिलाड़ियों के बजाय एक छवि अधिकांश वीडियो विजेट में एक “lazy लोड” या “क्लिक टू प्ले” विकल्प होता है जो ऐसा करता है; इसे चालू करें और पेज मोबाइल पर कई सेकंड तेज हो जाता है।
यदि आपका विजेट इसे पेश नहीं करता है, तो इनलाइन एम्बेड के बजाय लाइटबॉक्स के साथ पोस्टर छवियों का उपयोग करें समान दृश्य परिणाम, वजन का एक अंश।
विधि 1: गैलरी स्लाइडर, पूर्वावलोकन प्लस थंबनेल
द गैलरी स्लाइडर विजेट आपको लेआउट देता है जो अधिकांश वीडियो और फोटो गैलरी चाहते हैं: स्क्रॉल करने योग्य थंबनेल स्ट्रिप के साथ एक बड़ा पूर्वावलोकन फलक यह एक प्रो विजेट है, और यह एक छवि विजेट है, इसलिए यह प्लेबैक के बजाय लेआउट बनाता है यदि आपकी गैलरी केवल चित्र है, बिना किसी वीडियो के, द विट्रिन प्लेट गैलरी एक ही प्लेट-प्लस-थंबनेल लेआउट के साथ एक मुफ्त आयात करने योग्य डिज़ाइन है, लेकिन यह वीडियो को संभाल नहीं पाता है।
- गैलरी स्लाइडर में खींचें और सामग्री टैब खोलें।
- अपनी गैलरी बनाएं मीडिया लाइब्रेरी से एक वीडियो सेट के लिए जिसका अर्थ है पोस्टर फ्रेम यहां, विधि २ या ३ द्वारा नियंत्रित प्लेबैक के साथ।
- थंबनेल चालू करें और थंबनेल स्ट्रिप को हिंडोला मोड पर सेट करें ताकि यह मुख्य पूर्वावलोकन से स्वतंत्र रूप से स्क्रॉल हो।
- पूर्वावलोकन स्थिति सेट करेंः नीचे, ऊपर, बाएं या दाएं थंबनेल नीचे सुरक्षित डिफ़ॉल्ट है; बाएँ या दाएँ चित्र सामग्री के अनुरूप है।
- पूर्वावलोकन चौड़ाई सेट करें इसलिए मुख्य फलक टैबलेट पर थंबनेल को ऑफ-स्क्रीन नहीं धकेलता है।
विजेट पर प्रत्येक फ़ील्ड सूचीबद्ध है गैलरी स्लाइडर दस्तावेज़ीकरण यदि आप लघु पथ के बजाय पूर्ण संदर्भ चाहते हैं।
थंबनेल हिंडोला मोड वह सेटिंग है जो इस पैमाने को बनाती है इसके बिना, बीस थंबनेल चार पंक्तियों में लपेटते हैं और पूरे व्यूपोर्ट खाते हैं इसके साथ, वे एक स्क्रॉल लाइन पर रहते हैं।
मोबाइल पर, तीन या चार दृश्यमान पर पूर्वावलोकन के नीचे थंबनेल बाएं और दाएं स्थिति स्वचालित रूप से नीचे गिर जाती है, जो सही है, क्योंकि ३९० पीएक्स स्क्रीन पर एक साइड स्ट्रिप पूर्वावलोकन के लिए कुछ भी नहीं छोड़ती है।
विधि २: मीडिया हिंडोला, वीडियो जो ट्रैक में चलता है
यदि वीडियो को एक क्लिक के पीछे के बजाय हिंडोला के अंदर खेलना है, तो एलिमेंटर प्रो का मीडिया हिंडोला विजेट है जो इसे करता है प्रत्येक स्लाइड छवि या वीडियो पर सेट है, और एक वीडियो स्लाइड एक यूट्यूब, वीमियो या स्वयं-होस्टेड यूआरएल लेता है स्वयं, इसलिए मिश्रित सेट एक ट्रैक में काम करते हैं।
यदि सेट वास्तव में एक स्ट्रिप के बजाय एक पुस्तकालय है, जैसे एक कोर्स, एक ट्यूटोरियल श्रृंखला या एक चैनल संग्रह, एलिमेंटर प्रो की वीडियो प्लेलिस्ट बेहतर आकार है प्लेयर के बगल में सूचीबद्ध वीडियो, प्रत्येक एक शीर्षक और एक अवधि के साथ, और खिलाड़ी बिना पेज लोड के एक हिंडोला के बजाय एक सूची है, और इसके लिए तर्क है: शीर्षक हैं कि लोग कैसे तय करते हैं कि क्या देखना है, और थंबनेल की एक पंक्ति उन्हें अनुमान लगाती है।
हिंडोला पर वापस मीडिया हिंडोला यहां एकमात्र विजेट है जो वीडियो इनलाइन चलाता है, और यह भी इसकी लागत है, जो नीचे दी गई सेटिंग्स के लिए है।
- लाइटबॉक्स मोड चालू करें। इनलाइन प्लेबैक का मतलब है कि प्रत्येक स्लाइड एक खिलाड़ी को ले जाती है लाइटबॉक्स मोड पोस्टर दिखाता है और क्लिक पर खिलाड़ी को लोड करता है, जो विजेट में निर्मित इस पोस्ट के शीर्ष से मुखौटा पैटर्न है।
- पहले वीडियो को ऑटोप्ले न करें। ध्वनि फायरिंग अनप्रॉम्प्टेड किसी को खोने का सबसे तेज़ तरीका है यदि आपको ऑटोप्ले करना चाहिए, तो इसे म्यूट करें।
- कैप्शन में रनटाइम डालें। “यह कब तक है?” पहला प्रश्न है जो कोई किसी वीडियो के बारे में पूछता है, और क्लिक से पहले इसका उत्तर देने से पूर्णता दर बढ़ जाती है।
विधि ३: नि: शुल्क, पोस्टर हिंडोला क्लिक के पीछे वीडियो के साथ
कोई लाइसेंस नहीं और आप अभी भी एक वीडियो हिंडोला चाहते हैं? दो निःशुल्क मार्ग, और दोनों पृष्ठ को तेज़ रखते हैं क्योंकि जब तक कोई इसके लिए नहीं पूछता तब तक कुछ भी लोड नहीं होता है।
- प्रत्येक वीडियो के लिए एक पोस्टर फ्रेम निर्यात करें और उन्हें छवियों के रूप में अपलोड करें।
- उन्हें निःशुल्क छवि हिंडोला गैलरी में जोड़ें।
- लाइटबॉक्स चालू करें ताकि एक क्लिक दूर जाने के बजाय पृष्ठ पर फ़्रेम को खोल दे।
- स्टाइल टैब में एक प्ले-बटन ओवरले जोड़ें ताकि स्लाइड तस्वीरों के बजाय वीडियो के रूप में पढ़ें इसके बिना, कोई भी क्लिक नहीं करता है।
वह आपको दिखता है यह आपको नहीं मिलता है प्रति स्लाइड एक अलग गंतव्य है, क्योंकि एक गैलरी-आधारित हिंडोला प्रत्येक स्लाइड को एक ही लिंक देता है यदि प्रत्येक वीडियो को अपने स्वयं के पृष्ठ की आवश्यकता होती है, तो प्रत्येक को एक पोस्ट दें और मुफ्त का उपयोग करें ब्लॉग विजेट इसके बजाय हिंडोला मोड में: यह थंबनेल, शीर्षक और वीडियो जिस पोस्ट पर बैठता है उसका लिंक खींचता है। प्रो पर, लूप कैरोसेल एक क्वेरी से एक ही बात करता है, तो नए वीडियो आप पृष्ठ संपादन के बिना दिखाई देते हैं।
यह पोस्ट के शीर्ष से मुखौटा पैटर्न है, हाथ से बनाया गया यह एक वीडियो हिंडोला का सबसे तेज़ संस्करण है जो मौजूद है, क्योंकि जब तक कोई इसके लिए नहीं पूछता तब तक कुछ भी लोड नहीं होता है। छवि हिंडोला वॉकथ्रू विजेट को पूरा कवर करता है।
पहलू अनुपात, और वह चीज़ जो इसे तोड़ती है
१६:९ सेट करें और इसे हर स्लाइड पर सेट करें एक वीडियो हिंडोला में मिश्रित अनुपात विभिन्न ऊंचाइयों के कार्ड का उत्पादन करते हैं, और एक ग्रिड के विपरीत, जहां एक फटा हुआ निचला किनारा क्षमा करने योग्य है, एक क्षैतिज पट्टी हर बेमेल को सीधे अपने पड़ोसी के बगल में रखती है।
उत्पाद कार्ड एक ही कारण से एक ही चीज़ में चलते हैं, और WooCommerce उत्पाद हिंडोला गाइड उन्हें समतल करने के तरीके को शामिल करता है।
सामान्य अपराधी एक अन्यथा परिदृश्य सेट में एक ऊर्ध्वाधर क्लिप है या तो इसे अपना हिंडोला या लेटरबॉक्स दें इसे १६:९ में एक मिलान पृष्ठभूमि के साथ एक ९:१६ वीडियो ग्यारह परिदृश्य वाले के लिए ऊंचाई सेट न करें।
वीडियो स्कीमा
यदि वीडियो आपकी अपनी सामग्री हैं और वे खोज के लिए मायने रखते हैं, तो जोड़ें VideoObject स्कीमा: नाम, विवरण, थंबनेल यूआरएल, अपलोड तिथि और अवधि यह वीडियो समृद्ध परिणाम संभव बनाता है।
दो शर्तें जो लोग याद करते हैं: वीडियो को पृष्ठ की मुख्य सामग्री होना चाहिए, सजावट नहीं, और थंबनेल यूआरएल सार्वजनिक रूप से क्रॉल करने योग्य होना चाहिए एक पृष्ठ के बारे में छह एम्बेडेड वीडियो की गैलरी वीडियो समृद्ध परिणामों के लिए योग्य नहीं है हालांकि आप इसे चिह्नित करते हैं, क्योंकि पृष्ठ की मुख्य सामग्री वीडियो नहीं है।
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर के पास वीडियो हिंडोला विजेट है?
एलिमेंटर प्रो का मीडिया हिंडोला एक हिंडोला में छवियों और वीडियो को संभालता है एलिमेंटर फ्री में शामिल नहीं है मास्टर एडॉन्स पूर्वावलोकन-प्लस-थंबनेल लेआउट के लिए अपने प्रो टियर में एक गैलरी स्लाइडर जोड़ता है, और यह एक वीडियो प्लेयर के बजाय एक छवि विजेट के लिए खड़ा हो सकता है एक लाइटबॉक्स के साथ पोस्टर छवियों का उपयोग करके एक वीडियो हिंडोला के लिए मुफ्त छवि हिंडोला।
मैं एलिमेंट में यूट्यूब हिंडोला कैसे जोड़ूं?
लाइव एम्बेड के बजाय पोस्टर छवियों का उपयोग करें प्रत्येक वीडियो के थंबनेल को एक हिंडोला में जोड़ें, स्लाइड को वीडियो यूआरएल से लिंक करें, और लाइटबॉक्स को सक्षम करें ताकि यह पृष्ठ पर खुल जाए एक पृष्ठ पर छह लाइव यूट्यूब आईफ्रेम तीसरे पक्ष के जावास्क्रिप्ट के लगभग ३ एमबी हैं; छह पोस्टर छवियां उस का एक अंश है।
वीडियो हिंडोला जोड़ने के बाद मेरा पेज धीमा क्यों है?
हिंडोला में प्रत्येक एम्बेड अपने खिलाड़ी को तुरंत लोड करता है, जिसमें स्लाइड भी शामिल हैं जो ऑफ-स्क्रीन हैं, क्योंकि एक हिंडोला अपनी सभी स्लाइड्स को प्रस्तुत करता है विजेट के आलसी-लोड या क्लिक-टू-प्ले विकल्प को चालू करें ताकि केवल पोस्टर छवि लोड हो जब तक कोई क्लिक न करे, या लाइटबॉक्स के साथ पोस्टर छवियों पर स्विच करें।
गैलरी स्लाइडर और छवि हिंडोला के बीच क्या अंतर है?
एक गैलरी स्लाइडर में दो जुड़े हुए हिस्से होते हैं: एक बड़ा पूर्वावलोकन फलक प्लस एक थंबनेल स्ट्रिप जो इसे नेविगेट करता है एक छवि हिंडोला समान आकार की स्लाइडों की एक पंक्ति है गैलरी स्लाइडर का उपयोग करें जब आइटम एक समय में एक उचित रूप से देखने के लायक हों; जब आप एक सेट दिखा रहे हों तो हिंडोला का उपयोग करें।
मैं एक एलिमेंट स्लाइडर में थंबनेल कैसे जोड़ूं?
गैलरी स्लाइडर विजेट का उपयोग करें, सामग्री टैब में थंबनेल सक्षम करें, और थंबनेल स्ट्रिप को हिंडोला मोड में स्विच करें ताकि एक लंबा सेट पंक्तियों में लपेटने के बजाय एक स्क्रॉल करने योग्य लाइन पर रहे पूर्वावलोकन स्थिति सेट करें, नीचे, ऊपर, बाएं या दाएं, लेआउट के तहत।
क्या मैं छवियों और वीडियो को एक एलिमेंटर हिंडोला में मिला सकता हूँ?
हाँ एलिमेंटर प्रो का मीडिया हिंडोला मूल रूप से मिश्रित प्रकारों का समर्थन करता है मुफ्त छवि हिंडोला के साथ, वीडियो के लिए पोस्टर छवियों का उपयोग करें और उन स्लाइडों को वीडियो यूआरएल से लिंक करें, इसलिए चित्र और वीडियो दोनों स्लाइड के रूप में व्यवहार करते हैं और केवल वीडियो क्लिक पर लोड होता है।
जो एक बनाने के लिए
कोर्स या ट्यूटोरियल श्रृंखला: एलिमेंटर प्रो की वीडियो प्लेलिस्ट, क्योंकि शीर्षक और अवधि काम करते हैं वीडियो जिन्हें हिंडोला ट्रैक में खेलना है: मीडिया हिंडोला, लाइटबॉक्स मोड के साथ पोर्टफोलियो रील या उत्पाद डेमो: थंबनेल के साथ गैलरी स्लाइडर एक विपणन पृष्ठ पर मुट्ठी भर वीडियो और कोई लाइसेंस नहीं: पोस्टर छवियों और एक लाइटबॉक्स के साथ मुफ्त छवि हिंडोला, जो तीनों में से सबसे तेज़ भी है और यदि वीडियो केवल कभी एक नायक अनुभाग के लिए पृष्ठभूमि बनावट था, तो मुफ्त पृष्ठभूमि स्लाइडर एक्सटेंशन लूपिंग वीडियो के वजन के एक अंश पर, इसके बजाय स्थिर छवियों को घुमाता है।
बीस में से कोई नहीं विजेट बिल्डर डिज़ाइन वीडियो को संभालता है, इसलिए यह एक ऐसा काम है जहां स्टॉक विजेट उत्तर हैं सेट में बाकी सभी चीजों के लिए, द मूल्य निर्धारण पृष्ठ दिखाता है कि कौन सा स्तर लागू होता है, और हिंडोला बनाम स्लाइडर पहले प्रारूप प्रश्न का समाधान करता है।
ये सभी पर हैं एलिमेंटर हिंडोला विजेट पेज, और फ्री बनाम प्रो ब्रेकडाउन कवर करता है कि प्रत्येक किस स्तर पर बैठता है।
