एचटीएमएल 5 व्हिडियो टॅग आपल्या वेब पृष्ठांवर व्हिडिओ जोडणे सोपे करते. पण पृष्ठे वर सोपे दिसले आहे करताना, आपल्या व्हिडिओ अप आणि चालू मिळविण्यासाठी आपण करावे लागेल असे भरपूर गोष्टी आहेत. हे ट्यूटोरियल आपल्याला HTML 5 मध्ये एक पृष्ठ तयार करण्याच्या चरणांबद्दल घेऊन जाईल जे सर्व आधुनिक ब्राउझरमध्ये व्हिडिओ चालवेल.
- आपल्या स्वत: च्या HTML 5 व्हिडिओ वि. होस्टिंग वापरणे
- वेबवरील व्हिडीओ सपोर्टची झटपट माहिती
- आपले व्हिडिओ तयार करा आणि संपादित करा
- फायरफॉक्स साठी व्हिडिओ Ogg मध्ये रुपांतरीत करा
- Safari साठी व्हिडिओ MP4 मध्ये रूपांतरित करा
- इंटरनेट एक्स्प्लोररसाठी व्हिडिओमध्ये एफएलव्हीमध्ये रूपांतरित करा
- आपल्या वेब पृष्ठ व्हिडिओ घटक जोडा
- भाग 1 कार्य करण्यासाठी इंटरनेट एक्स्प्लोरर मिळविण्यासाठी जावास्क्रिप्ट आणि फ्लॅश प्लेअर जोडा
- आपण शक्य तितक्या अधिक ब्राउझरमध्ये टेस्ट करा
01 ते 10
आपल्या स्वत: च्या HTML 5 व्हिडिओ वि. होस्टिंग वापरणे
YouTube एक उत्तम साइट आहे हे वेब पृष्ठांमध्ये द्रुतपणे व्हिडिओ एम्बेड करणे सुलभ करते आणि काही किरकोळ अपवाद त्या व्हिडिओंच्या अंमलबजावणीमध्ये एकसंधपणे एकसंध आहेत. आपण YouTube वर व्हिडिओ पोस्ट केल्यास, आपण असे पूर्ण विश्वास बाळगू शकता की कोणीही तो पाहण्यास सक्षम असेल.
परंतु आपल्या व्हिडिओंना एम्बेड करण्यासाठी YouTube चा वापर करुन काही त्रुटी आहेत
YouTube सह बहुतांश समस्या डिझायनर साइडच्या ऐवजी उपभोक्ता बाजूला असतात, जसे की:
- धीमे शोध आणि अनुक्रमणिका
- सर्व्हर कालबाह्य
- सामग्री काढुन टाकणारी (उशिराने) वगळली
- खूप खराब सामग्री
परंतु सामग्री विकासकांसाठी YouTube देखील खराब आहे यासह काही कारणे आहेत, यासह:
- व्हिडिओंसाठी 10-मिनिटाची कमाल लांबी (विनामूल्य खात्यांसाठी)
- खराब अपलोड कार्यप्रदर्शन
- YouTube आपल्या व्हिडिओचे अमर्यादित वापर अधिकार प्राप्त करतो
- कोणतेही YouTube वापरकर्ता आपल्या व्हिडिओस अमर्यादित वापर अधिकार प्राप्त करतो
एचटीएमएल 5 व्हिडीओ YouTube वर काही फायदे देते
व्हिडिओसाठी एचटीएमएल 5 वापरल्याने तुम्हाला तुमच्या व्हिडिओचे प्रत्येक पैलू नियंत्रित करता येईल, ते कोण पाहू शकते, किती काळ आहे, कंटेंटमध्ये काय आहे, होस्ट कशाची आहे आणि सर्व्हर कसा कार्यान्वित करतो. आणि एचटीएमएल 5 व्हिडीओमुळे तुम्हाला तुमच्या व्हिडियोला एन्कोड करण्याची संधी मिळते, ज्यात आपल्याला याची खात्री करावी लागेल की कमाल संख्या लोक ती पाहू शकतात. आपल्या ग्राहकांना प्लगिनची आवश्यकता नाही किंवा YouTube एक नवीन आवृत्ती रिलीझ होईपर्यंत प्रतीक्षा करा.
अर्थातच, एचटीएमएल 5 व्हिडीओ काही कमतरता देतात
यात समाविष्ट:
- आपल्याला किमान तीन भिन्न कोडेकमध्ये आपला व्हिडिओ एन्कोड करावा लागेल
- एचटीएम 5 ला समर्थन देत नसणारे ब्राऊजर काम करतील याची खात्री करण्यासाठी तुम्हाला काही जावास्क्रिप्ट समाविष्ट करावे लागेल
- आपले सर्व्हर व्हिडिओ होस्टिंग बँडविड्थ आवश्यकता हाताळण्यासाठी सक्षम असणे आवश्यक आहे
10 पैकी 02
वेबवरील व्हिडीओ सपोर्टची झटपट माहिती
वेब पेजेसमध्ये व्हिडिओ जोडणे फार काळ अवघड आहे. चुकीचे होऊ शकतील इतक्या गोष्टी होत्या:
- प्रथम, आपण आपल्या पृष्ठात आपला व्हिडिओ एम्बेड करण्यासाठी <एम्बेड> टॅग वापरता पण त्या टॅगला दुसर्या टॅगच्या नावाखाली नापसंत केले आहे. आणि काही ब्राउझर तरीही तो समर्थित नाहीत.
- त्यामुळे आपण
- मग आपण विचार करतो " फ्लॅश !" आणि आपल्या व्हिडिओला एक FLV फाइल म्हणून एन्कोड करा. परंतु अनेक मोबाईल डिव्हाइसेसवर फ्लॅश समर्थित नाही आणि फ्लॅशबद्दल किती जणांना वाटले याबद्दल विचारले असता (25% माझ्या सर्वेक्षणात उत्तर दिले आहे की ते फ्लॅशला उभे करू शकत नाहीत) फ्लॅशचा तिरस्कार करतात.
- तर आपण आपला व्हिडिओ YouTube सारख्या व्हिडिओ एम्बेडिंग साइटवर अपलोड करण्याचा निर्णय घेता, परंतु त्यानंतर आम्ही चर्चा केल्याबद्दल YouTube सह समस्या आहेत.
- शेवटी, आपण एचटीएमएल 5 बरोबर जाण्याचा निर्णय घेतला आहे, परंतु इंटरनेट एक्सप्लोरर त्यास समर्थन देत नाही (Internet Explorer 9 पर्यंत नाही). आणि जरी आपण असे केले तरी, दोन व्हिडिओ कोडेक मानक आहेत जे समर्थित आहेत आणि केवळ एक ब्राउझर जे दोन्ही वापरू शकतात. व्हिडिओ कोडेक आणि कंटेनर्ससाठी ब्राऊझर समर्थन
तर मग आपण काय करावे? व्हिडिओवर जाणे आता सर्वात साइट्ससाठी पर्याय नाही, कारण व्हिडिओ अधिक आणि अधिक महत्त्वाचा होत आहे आणि अनेक साइट यशस्वीरित्या व्हिडिओ स्विच आहेत.
या लेखाच्या पुढील पृष्ठांवरून आपण Firefox 3.5, ऑपेरा 10.5, क्रोम 3.0, सफारी 3 आणि 4, आयफोन आणि अँड्रॉइड, फ्लॅश आणि इंटरनेट एक्सप्लोरर 7 आणि 8 मध्ये काम करणार्या आपल्या वेब पृष्ठांवर व्हिडिओ कसा जोडावा याबद्दल आपल्याला मार्गदर्शन करेल. आवश्यक असल्यास इतर जुन्या ब्राऊझर्ससाठी समर्थन जोडण्याची आपल्याला देखील गरज आहे.
03 पैकी 10
आपले व्हिडिओ तयार करा आणि संपादित करा
जेव्हा आपण एखाद्या वेब पृष्ठावर व्हिडिओ टाकता तेव्हा आपल्याला आवश्यक असलेली प्रथम गोष्ट म्हणजे वास्तविक व्हिडिओ. आपण एकतर शूट करू शकता आणि एक वैशिष्ट्य तयार करण्यासाठी नंतर संपादित करू शकता, किंवा आपण ते स्क्रिप्ट करू शकता आणि वेळेच्या पुढे तो आराखडा करू शकता. एकतर मार्ग चांगले काम करते, ते आपल्याला जे काही सोयीस्कर वाटते तेच आहे. आपण कोणत्या प्रकारचे व्हिडिओ बनवावे हे आपल्याला माहित नसल्यास, डेस्कटॉप व्हिडिओ मार्गदर्शक मधून हे कल्पना तपासा:
- कौटुंबिक व्हिडिओ प्रोजेक्ट
- विपणन आणि प्रमोशनल व्हिडिओ
- व्हिडिओ व्हर्च्युअल टूर्स
- कसे व्हिडिओ
- विवाह व्हिडिओ
उच्च-गुणवत्ता व्हिडिओ रेकॉर्ड कसे करावे ते जाणून घ्या
घराच्या आणि घराबाहेर कसे रेकॉर्ड करावे ते तसेच ऑडिओ रेकॉर्ड कसे करावे हे आपल्याला माहित असल्याचे सुनिश्चित करा. प्रकाशयोजना देखील फार महत्वाचा आहे- ज्या छायाचित्रा डोळे जळतात तशीच चमकतात, आणि खूप गडद दिसत आहेत गलिच्छ आणि अव्यावसायिक. जरी आपण आपल्या साइटवर फक्त 30-सेकंद असलेला व्हिडीओ असल्याची योजना आखली असेल तरीही उच्च प्रतीची हीच आपल्या वेबसाइटवर प्रतिबिंबित होईल.
हे लक्षात ठेवा की कॉपीराइट आपल्या व्हिडियोमध्ये वापरण्याजोगी कोणत्याही ध्वनी किंवा संगीत (तसेच स्टॉक फूटेज) वर लागू आहे. जर तुमच्याकडे एखाद्या मित्राला प्रवेश नसेल जो तुमच्यासाठी गाणे लिहू आणि ऐकू शकेल, तर तुम्हाला बॅकग्राऊंडमध्ये खेळायला रॉयल्टी फ्रेश संगीत शोधावे लागेल. आपल्या व्हिडिओंवर जोडण्यासाठी देखील आपण फुटेज सामायिक करू शकता अशी ठिकाणे देखील आहेत
आपल्या व्हिडिओचे संपादन
आपण वापरत असलेल्या संपादन सॉफ्टवेअरला काही फरक पडत नाही, जोपर्यंत आपण त्याच्याशी परिचित आहात आणि प्रभावीपणे तो वापरू शकता Gretchen, डेस्कटॉप व्हिडिओ मार्गदर्शक, काही व्यावसायिक व्हिडिओ संपादन टिपा आहेत ज्या आपल्याला आपले व्हिडिओ संपादित करण्यास मदत करतात जेणेकरून ते उत्कृष्ट दिसतील.
आपला व्हिडिओ MOV किंवा AVI मध्ये जतन करा (किंवा एमपीग, सीडी, डीव्ही)
या उर्वरित ट्युटोरियलसाठी आपण असे गृहित धरूणार आहोत की आपण आपल्या व्हिडिओस काही प्रकारच्या हाय-क्वालिटी (नॉन-कम्प्रक्स्ड) स्वरुपात एवीआय किंवा एमओव्ही सारखे जतन केले आहे. जेव्हा आपण या फायलींचा वापर ते वापरू शकतात, तेव्हा आपण आधीच चर्चा केलेल्या व्हिडिओसह सर्व समस्यांमध्ये प्रवेश करू शकता. खालील पृष्ठे आपल्या फाईलला तीन प्रकारात कशी रुपांतरित करायची हे समजावून सांगतील जेणेकरून ते ब्राउझरची सर्वात जास्त संख्या पाहता येइल.
04 चा 10
फायरफॉक्स साठी व्हिडिओ Ogg मध्ये रुपांतरीत करा
आम्ही रूपांतरीत केलेले प्रथम स्वरूप Ogg आहे (काहीवेळा ओग-थेरा म्हणतात). हे स्वरूप असे आहे की Firefox 3.5, Opera 10.5, आणि Chrome 3 सर्व पाहू शकतात.
दुर्दैवाने, Ogg कडे ब्राउझर समर्थन आहे, आपण खरेदी करू शकता अशा अनेक सुप्रसिद्ध व्हिडिओ प्रोग्राम (Adobe Media Encoder, QuickTime, इ.) एक Ogg रुपांतरण पर्याय प्रदान करत नाहीत. आपल्या व्हिडिओमध्ये Ogg मध्ये रुपांतर करण्याचा एकमेव मार्ग म्हणजे वेबवर रूपांतरण कार्यक्रम शोधणे.
रूपांतरण पर्याय
मीडिया-कन्व्हर्ट नावाचे एक ऑनलाइन साधन आहे जे व्हिडिओ (आणि ऑडिओ) च्या विविध स्वरुपात इतर व्हिडिओ (आणि ऑडिओ) स्वरूपांमध्ये रूपांतरित करण्याचे दावे करते. जेव्हा मी माझ्या 3-सेकंद चाचणी व्हिडिओसह प्रयत्न केला, तेव्हा आम्ही ते माझ्या Mac वर कार्य करू शकलो नाही. परंतु तुमच्याकडे चांगले नशीब असतील. या साइटला विनामूल्य असण्याचा लाभ आहे
आम्ही आढळलेल्या काही इतर साधने:
- मिरो व्हिडिओ कनवर्टर (विंडोज मॅकिन्टोश) - या प्रोग्रामला ऑग आणि एमपी 4 (एच .264) आणि दोन्ही ओपन सोअर्स
- किओट व्हिडीओ कनवर्टर (विंडोज)
- मोफत व्हिडिओ कनवर्टर आम्हाला वाटते की यामध्ये विंडोज आणि मॅकिंटॉश आवृत्ती दोन्ही आहे परंतु त्यांच्या साइटवरून सांगणे कठीण होते
- साधा थिओरा एन्कोडर (मॅकिन्टोश) - हे आम्ही वापरत असलेले एक आहे.
एकदा आपण आपल्या व्हिडिओला Ogg स्वरूपात जतन केल्यावर, तो आपल्या वेबसाइटवरील स्थानावर जतन करा आणि दुसर्या ब्राउझरसाठी इतर स्वरूपनांमध्ये रूपांतरीत करण्यासाठी पुढील पृष्ठावर जा.
05 चा 10
Safari साठी व्हिडिओ MP4 मध्ये रूपांतरित करा
पुढील स्वरुपात आपण आपल्या व्हिडिओमध्ये एमपी 4 (एच .264) व्हिडिओ रुपांतरित करणे आवश्यक आहे जेणेकरून ते Safari 3 आणि 4 आणि iPhone आणि Android वर प्ले केले जाऊ शकते. प्लस, फ्लॅशवर पाहण्यासाठी H.264 व्हिडिओ सहजपणे FLV फायलींमध्ये रूपांतरीत केले जाऊ शकतात.
हे स्वरूप वाणिज्यिक उत्पादनांमध्ये अधिक सहज उपलब्ध आहे आणि आपल्याकडे कदाचित आधीपासूनच एखादा प्रोग्राम असेल जो आपल्याकडे एखादा व्हिडिओ संपादक असेल तर MP4 मध्ये रूपांतरित होईल. आपल्याकडे Adobe Premiere असल्यास आपण Adobe Video Encoder वापरू शकता किंवा आपल्याकडे QuickTime Pro देखील असेल तर मागील पृष्ठावर आपण चर्चा केलेल्या अनेक कन्व्हर्टरद्वारे व्हिडिओमध्ये MP4 रूपांतरित होतील.
- मीडिया कन्वर्ट - एक ऑनलाइन साधन
- मिरो व्हिडिओ कनवर्टर (विंडोज मॅकिन्टोश) - या प्रोग्रामला ऑग आणि एमपी 4 (एच .264) आणि दोन्ही ओपन सोअर्स
- सुपर (विंडोज) - एमपी 4 आणि एफएलव्हीमध्ये बर्याच वेगळ्या फाइलचे प्रकार बदलतील
- मोफत व्हिडिओ कनवर्टर आम्हाला वाटते की यामध्ये विंडोज आणि मॅकिंटॉश आवृत्ती दोन्ही आहे परंतु त्यांच्या साइटवरून सांगणे कठीण होते
आपल्या MP4 फाईल आपल्या वेबसाइटवर जतन करा आणि नंतर आपल्याला ते वापरण्यासाठी इंटरनेट एक्सप्लोररकरिता फ्लॅश करण्यात येईल.
06 चा 10
इंटरनेट एक्स्प्लोररसाठी व्हिडिओमध्ये एफएलव्हीमध्ये रूपांतरित करा
FLV ला व्हिडियो रूपांतरित करण्याचा सर्वात सोपा मार्ग म्हणजे फ्लॅश स्वतःच वापरणे. अशा प्रकारे मी माझे व्हिडिओ फ्लॅशमध्ये रूपांतर करतो. परंतु आपल्याकडे फ्लॅश नसल्यास, फायली FLV मध्ये रूपांतरित करण्यासाठी येथे दोन लोकप्रिय साधने आहेत:
- सुपर (विंडोज) - एमपी 4 आणि एफएलव्हीमध्ये बर्याच वेगळ्या फाइलचे प्रकार बदलतील
- ffmpegX (मॅकिन्टोश) - अनेक वेगळ्या फाईलचे प्रकार MP4 आणि FLV मध्ये रुपांतरित करेल.
आपली FLV फाइल आपल्या वेबसाइटवर जतन करा आणि पुढील पृष्ठ आपल्याला HTML कसे लिहावे हे दर्शवेल जेणेकरून आपण आपले व्हिडिओ प्ले करू शकता.
10 पैकी 07
आपल्या वेब पृष्ठ व्हिडिओ घटक जोडा
वेब पृष्ठांवर व्हिडिओ जोडण्यासाठी एचटीएमएल 5 वापरणे खूप सोपे आहे. बर्याच आधुनिक ब्राऊझर्स एचटीएमएल 5 व्हिडिओचे समर्थन करतात, जरी ते सर्व त्यास तशाच प्रकारे समर्थन देत नाहीत. पण याचा अर्थ असा की आपण आपला व्हिडिओ Ogg आणि MP4 दोन्ही स्वरुपात वाचविल्यास आपण सर्वात आधुनिक ब्राऊझर (इंटरनेट एक्सप्लोरर 8 वगळून) मध्ये प्रदर्शित करण्यासाठी केवळ चार किंवा पाच ओळी लिहू शकता. कसे ते येथे आहे:
- HTML 5 doctype मार्कर लिहा जेणेकरून ब्राऊझर एचटीएमएल 5 ची अपेक्षा करू शकतील 5:
- आपण सामान्यतः तयार केल्यानुसार आपले वेब पृष्ठ तयार करा:
title>
head>
body>
html> - शरीराच्या आत,
- आपल्या व्हिडिओमध्ये कोणते अतिरिक्त गुण असणे आवश्यक आहे ते ठरवा:
- ऑटोप्ले - ते डाउनलोड केल्यावर लगेच सुरुवात करण्यासाठी
- नियंत्रणे - आपल्या वाचकांना व्हिडिओ नियंत्रित करण्यास अनुमती द्या (विराम द्या, रिवाइंड करा, जलद-अग्रेषित करा)
- लूप - सुरू होताना सुरुवातीपासून व्हिडिओ सुरू करा
- preload - व्हिडिओ पूर्व डाउनलोड करा जेणेकरून ग्राहक त्यावर क्लिक करेल तेव्हा जलद तयार होईल
- पोस्टर - जेव्हा व्हिडिओ थांबला जातो तेव्हा आपण वापरू इच्छित असलेली प्रतिमा परिभाषित करा
video> - नंतर
घटकांच्या आत आपल्या व्हिडिओच्या दोन आवृत्त्या (MP4 आणि OGG) जोडा. <व्हिडिओ नियंत्रण preload>
video> - Chrome 1, Firefox 3.5, Opera 10, आणि / किंवा Safari 4 मध्ये पृष्ठ उघडा आणि ते योग्यरितीने प्रदर्शित होत असल्याचे सुनिश्चित करा. आपण त्याचे किमान फायरफॉक्स 3 3.5 आणि सफारी 4 मध्ये तपासले पाहिजे - कारण ते प्रत्येक वेगळ्या कोडेकचा वापर करतात.
बस एवढेच. एकदा आपल्याजवळ हा कोड आला की आपल्याजवळ एक व्हिडिओ असेल जो फायरफॉक्स 3.5, सफारी 4, ऑपेरा 10 आणि क्रोम 1 मध्ये कार्य करेल. पण इंटरनेट एक्सप्लोरर बद्दल काय?
इंटरनेट एक्सप्लोरर एचटीएमएल 5 किंवा <व्हिडिओ> टॅग आवडत नाही
पुढील विभागात, आपण आपल्या 8 5 व्हिडिओ टॅग्जसह छान खेळण्यासाठी आणि एक व्हिडिओ प्रदर्शित करण्यासाठी IE 8 मिळवण्यासाठी आपण काय करू शकता यावर चर्चा करू. आपल्याला फ्लॅश वापरावा लागेल चांगली बातमी अशी आहे की IE 9 ला एचटीएमएल 5 आणि व्हिडिओ टॅगचे समर्थन करण्याची अपेक्षा आहे.
10 पैकी 08
कार्य करण्यासाठी Internet Explorer ला जावास्क्रिप्ट आणि फ्लॅश प्लेअर जोडा
आपण असे पाहिले असेल की मागील पृष्ठाच्या HTML मध्ये, FLV फाईलसाठी स्रोत रेखा नसते. आणि जर आपण त्या पृष्ठाचे परीक्षण केले तर ते काम करणार नाही. याचे कारण इंटरनेट एक्सप्लोरर एचटीएमएल 5 ओळखत नाही आणि ओजीजी किंवा एमपी 4 व्हिडिओंना प्रत्यक्षरित्या प्ले करू शकत नाही. इंटरनेट एक्सप्लोरर 7 आणि 8 काम करण्यासाठी इंटरनेटवर फ्लॅश म्हणून प्ले करणे आवश्यक आहे. पण फक्त एफएलव्ही फाइल जोडण्यापेक्षा काम करण्याच्या अधिक पावले आहेत.
चरण 1: आपल्या वेबसाइटसाठी एक फ्लॅश व्हिडिओ प्लेअर मिळवा
आम्ही फ्लोप्लेयर मिळवण्याची शिफारस करतो कारण हे एक ओपन सोर्स फ्लॅश व्हिडियो प्लेअर आहे जे आपण आपल्या वेब सर्व्हरवर इन्स्टॉल करु शकता आणि जेव्हाही आपण फ्लॅश व्हिडिओ प्ले करू शकता. FlowPlayer ची विनामूल्य आवृत्ती आपल्या व्हिडिओंमध्ये जाहिरात करते परंतु आपण त्यांना आवश्यक असल्यास व्यावसायिक परवाना खरेदी देखील करू शकता.
आपल्या वेबसाइटवर FlowPlayer स्थापित करण्यासाठी FlowPlayer साइटवरील सूचनांचे अनुसरण करा. थोडक्यात, आपण आपल्या साइटवर 2 एसडब्ल्यूएफ फायली आणि जावास्क्रिप्ट फाइल स्थापित कराल. आपल्या HTML च्या तळाशी, ( body> टॅगच्या आधी) आपण एक ओळ जोडाल: