वर्डप्रेसः व्हिडिओ फेसबॉक्स पॉपअप कसा बनवायचा

Vimeo आणि Youtube व्हिडिओ आता उच्च परिभाषा व्हिडिओ ऑफर करतात जे वेबसाइट किंवा ब्लॉगवर रिअल इस्टेटचा बराचसा भाग घेऊ शकतात. यासाठी अनुकूल करण्याचा एक मार्ग म्हणजे फेसबॉक्स नावाची पद्धत वापरणे. फेसबॉक्स स्वतंत्र पॉपअप विंडोशिवाय आपल्या पृष्ठामध्ये विंडो प्रदर्शित करण्याचे एक चांगले साधन आहे.

लाइफलाइन-व्हिडिओ-बटण.पीएनजी

लाईफलाईन डेटा सेंटर दुसर्‍या कूल डिझाइनद्वारे तयार केलेला व्हिडिओ होता जो त्यांना त्यांच्या मुख्यपृष्ठावर सादर करावासा वाटतो - थीमचे स्थानांतरण किंवा डिझाइन न करता. तर - आम्ही त्यावर एक मोठी प्ले बटण असलेली एक छान छोटी प्रतिमा तयार केली आणि त्यामध्ये व्हिडिओ प्रदर्शित करण्यासाठी एक स्टाईलिश विंडो व्युत्पन्न करणारा कोड समाविष्ट केला.

लाइफलाइन-व्हिडिओ-फेसबॉक्स.पीएनजी

वापरून अंमलबजावणी करणे सोपे होते वर्डप्रेस फेसबॉक्स गॅलरी प्लगइन आरोग्यापासून ट्रुइमगे. मी एक तयार केले बाह्य पृष्ठ (व्हिडिओ. एचटीएमएल) व्हिडिओ असलेल्या साइटच्या मूळमध्ये (ऑटोप्ले = 1 सह जेणेकरून ते उघडेल तेव्हा ते चालते) आणि नंतर आवश्यक स्निपेटसह मजकूर विजेट जोडले.

<a href="video.html" rel = "फेसबॉक्स" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना rel = फेसबॉक्स एकदा दुवा क्लिक झाल्यावर पदनाम म्हणजे कोडची सुरुवात होते. तो त्वरित प्ले करण्यास सुरू होणारा व्हिडिओ फेसबॉक्स पॉप अप करतो. हे एक साधे अंमलबजावणी आणि एक किंवा अधिक व्हिडिओ पृष्ठामध्ये एम्बेड करण्यासाठी सोपा उपाय आहे. आम्ही लवकरच ही पद्धत दुसर्‍या साइटवर वापरत आहोत!

टीपः क्लायंटमधील व्हिडिओसह दृश्यांची संख्या हस्तगत करणे महत्वाचे आहे विश्लेषण (गूगल ticsनालिटिक्स), म्हणून आम्ही अँकर टॅगवर एक ऑन क्‍लिक इव्हेंट देखील जोडला. आता जेव्हा लोक व्हिडिओवर क्लिक करतात तेव्हा आम्हाला 'व्हर्च्युअल' पृष्ठदृश्य मिळते. मी वर कोड जोडला आहे.

3 टिप्पणी

  1. 1

    पाठ लिहिल्याबद्दल धन्यवाद. आशा आहे की हे फेसबॉक्स पॉप अपमध्ये इनलाइन सामग्री अंमलबजावणीसाठी काही गोष्टी साफ करेल. 🙂

  2. 2

    विंडो बंद केल्यावर तुम्हाला IE वर जाणवले काय, व्हिडिओ पार्श्वभूमीवर प्ले होत राहील? (मी स्वतः समस्येमध्ये पळा आणि निराकरण करण्याचा प्रयत्न करीत आहे!)

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.