Il-lametta video HTML 5 tagħmilha faċli li żżid vidjo fuq il- paġni tal-Web tiegħek. Iżda filwaqt li jidher faċli fuq il-wiċċ, hemm ħafna affarijiet li għandek bżonn tagħmel biex tikseb il-video tiegħek taħdem. Dan it-tutorja ser iwassalk permezz tal-passi biex tinħoloq paġna f'HTML 5 li se tmexxi l-vidjow fil-browsers moderni kollha.
- Hosting Your Own HTML 5 Video vs Użu ta 'YouTube
- Ħarsa ġenerali ta 'Quick Appoġġ għall-Video fuq il-Web
- Oħloq u Oħloq Video Tiegħek
- Ikkonverti l-Vidjo għal Ogg għal Firefox
- Ikkonverti l-Vidjo għal MP4 għal Safari
- Ikkonverti l-Vidjo għal FLV għall-Internet Explorer
- Żid l-Element Video għall-Paġna Web tiegħek
- Żid il-JavaScript u Flash Player biex Ikseb Internet Explorer biex Taħdem Parti 1
- Ittestja kemm browsers kif tista '
01 ta '10
Hosting Your Own HTML 5 Video vs Użu ta 'YouTube
YouTube huwa sit kbir. Dan jagħmilha faċli biex jinkorpora vidjo f'pakketti tal- Web malajr, u b'xi eċċezzjonijiet minuri huwa pjuttost mingħajr intoppi fl-eżekuzzjoni ta 'dawk il-vidjows. Jekk tippubblika vidjow fuq YouTube, tista 'tkun pjuttost kunfidenti li kulħadd ikun jista' jarah.
Iżda l-użu ta 'YouTube biex Idaħħlu Your Videos ikollu xi Żvantaġġi
Ħafna mill-problemi b'Youtube huma min-naħa tal-konsumatur, aktar milli fuq in-naħa tad-disinjatur, affarijiet bħal:
- Tiftix u indiċizzazzjoni bil-mod
- Qtugħ tas-servers
- Il-kontenut jitneħħa (apparentement) b'mod arbitrarju
- Kontenut ħażin ħafna
Iżda hemm xi raġunijiet għaliex YouTube hija ħażina għall-iżviluppaturi tal-kontenut ukoll, inklużi:
- Tul massimu ta '10 minuti għal vidjows (għal kontijiet b'xejn)
- Prestazzjoni baxxa ta 'upload
- YouTube iggwadanja drittijiet ta 'użu bla limitu għall-vidjow tiegħek
- Kwalunkwe utent ta 'YouTube iggwadanja drittijiet ta' użu bla limitu għall-vidjow tiegħek
HTML 5 Video Jagħti Xi Vantaġġi Matul YouTube
Bl-użu ta ' HTML 5 għal vidjow ser tavżak tikkontrolla kull aspett tal-vidjow tiegħek, minn min jista' jarah, kemm idum, liema kontenut fih, fejn hu ospitat u kif is-server iwettaq. U l-video HTML 5 jagħtik l-opportunità li tikkodifika l-vidjow tiegħek f'ħafna formati kif għandek bżonn biex tiżgura li n-numru massimu ta 'nies jista' jarah. Il-klijenti tiegħek m'għandhomx bżonn ta 'plugin jew jistennew sakemm YouTube tirrilaxxja verżjoni aktar ġdida.
Ta 'Kors, HTML 5 Video Jagħti Xi Żvantaġġi
Dawn jinkludu:
- Għandek tikkodifika l-vidjo tiegħek f'mill-inqas tliet codecs differenti
- Int għandek tinkludi xi JavaScript biex tiżgura li l-browsers li ma jappoġġjawx l- HTML 5 se jaħdmu
- Is-server tiegħek għandu jkun jista 'jimmaniġġa r-rekwiżiti ta' bandwidth ta 'vidjows li jospitaw
02 ta '10
Ħarsa ġenerali ta 'Quick Appoġġ għall-Video fuq il-Web
Iż-żieda tal-vidjow mal-paġni tal-Web ilha proċess diffiċli. Kien hemm tant affarijiet li jistgħu jmorru ħażin:
- L-ewwel, tuża l-lametta
- Allura taqleb għat-tikketta
- Imbagħad taħseb " Flash !" U jikkodifika l-vidjow tiegħek bħala fajl FLV. Iżda Flash mhijiex sostnuta fuq ħafna apparat mobbli u bosta nies jaħarfu lil Flash minkejja kif jintuża (25% ta 'dawk li wieġbu fl- istħarriġ tiegħi dwar kif tħossok dwar Flash iddikjaraw li ma jistgħux joqogħdu b'xejn fi Flash).
- Allura inti tiddeċiedi li ittella 'l-vidjow tiegħek f'sit tal-video inkorporat bħal YouTube, imma mela għandek il-kwistjonijiet ma' YouTube li ddiskutewna.
- Fl-aħħarnett, inti tiddeċiedi li tmur bl-HTML 5, iżda l-Internet Explorer ma jappoġġjahiex (mhux sa l-Internet Explorer 9). U anke jekk tagħmel, hemm żewġ standards tal-kodiċijiet tal-vidjo li huma appoġġjati u browser wieħed biss li jista 'juża t-tnejn. Appoġġ tal-Browser għal Códecs u Kontenituri tal-Vidjo
Allura x'tip għandek tagħmel? It-tqegħid tal-vidjo m'għadux għażla għall-biċċa l-kbira tas-siti, peress li l-vidjo qed isir aktar u aktar importanti. U bosta siti rnexxielhom jaqilbu għall-vidjow.
Il-paġni li ġejjin ta 'dan l-artikolu se jgħaddu lilek permezz ta' kif iżżid vidjo fuq il-paġni tal-Web tiegħek li jaħdmu f'From 3.5, Opera 10.5, Chrome 3.0, Safari 3 u 4, iPhone u Android, Flash, u Internet Explorer 7 u 8. Int ser ikollok Għandek ukoll iċ-ċwievet li għandek bżonn biex iżżid l-appoġġ għal browsers oħra anzjani jekk ikun meħtieġ.
03 ta '10
Oħloq u Oħloq Video Tiegħek
L-ewwel ħaġa li għandek bżonn meta tkun qed tagħmel vidjo fuq paġna tal-Web hija l-vidjo attwali. Inti tista 'jew tieqaf kontinwament u teditja wara biex toħloq karatteristika, jew tista' tikkriptaha u tippjanaha qabel iż-żmien. Jew il-mod jaħdem tajjeb, huwa biss x'ikun int komdu magħhom. Jekk ma tkunx taf x'tip ta 'vidjow għandek tagħmel, iċċekkja dawn l-ideat mill-Gwida tal-Vidjow fuq id-Desktop:
- Proġetti tal-Video tal-Familja
- Marketing u Videos promozzjonali
- Video Tours Virtwali
- Kif tara Videos
- Tieġ Videos
Tgħallem Kif Irrekordja Vidjo ta 'Kwalità Għolja
Kun żgur li taf kif tirreġistra ġewwa u barra kif ukoll kif tirrekordja l-awdjo. Id-dawl huwa wkoll importanti ħafna - shots li huma qawwi wisq iweġġgħu l-għajnejn, u wisq skur iħarsu lixxi u mhux professjonali. Anki jekk tippjana biss li jkollok vidjo ta '30 sekonda fuq is-sit tiegħek, il-kwalità ogħla hija aħjar li se tirrifletti fuq il-websajt tiegħek.
Ftakar ukoll li d-drittijiet tal-awtur japplikaw għal kwalunkwe ħsejjes jew mużika (kif ukoll filmati tal-istokk) li inti tista 'tixtieq tuża fil-vidjow tiegħek. Jekk ma jkollokx aċċess għal xi ħabib li jista 'jikteb u jkollu kanzunetta għalik, ikollok bżonn issib mużika ħielsa mir-royalties biex tilgħab fl-isfond. Hemm ukoll postijiet fejn tista 'tniżżel filmat biex iżżid mal-vidjows tiegħek.
Editjar tal-Vidjo Tiegħek
Ma jimpurtax f'liema softwer ta 'editjar tuża, kemm-il darba tkun familjari magħha u tista' tużaha b'mod effettiv. Gretchen, il-Gwida tal-Vidjow fuq id-Desktop, għandu xi pariri professjonali dwar l-editjar tal-vidjow li jistgħu jgħinuk jeditjaw il-vidjows tiegħek sabiex inħarsu 'l quddiem.
Ħlief Video tiegħek għal MOV jew AVI (jew MPG, CD, DV)
Għall-bqija ta 'dan it-tutorial, aħna nassumu li għandek il-vidjow tiegħek iffrankat f'xi tip ta' kwalità għolja (mhux kompressata) bħal AVI jew MOV. Filwaqt li tista 'tuża dawn il-fajls kif inhuma, għandek id-direzzjoni kollha tal-problemi bil-video li diġà diskussi. Il-paġni li ġejjin se jispjegaw kif jikkonverti l-fajl tiegħek fi tliet tipi sabiex ikun jista 'jarah bl-akbar numru ta' browsers.
04 ta '10
Ikkonverti l-Vidjo għal Ogg għal Firefox
L-ewwel format li ser nikkonvertu hu Ogg (xi kultant imsejjaħ Ogg-Theora). Dan il-format huwa wieħed li Firefox 3.5, Opera 10.5, u Chrome 3 kollha jistgħu jaraw.
Sfortunatament, filwaqt li Ogg għandha appoġġ għall-brawżer, ħafna mill-programmi tal-vidjow magħrufa li tista 'tixtri (Adobe Media Encoder, QuickTime, eċċ.) Ma joffrux għażla ta' konverżjoni Ogg. Allura l-uniku mod biex jikkonvertu l-vidjow tiegħek għal Ogg huwa li ssib programm ta 'konverżjoni fuq il-Web.
Għażliet ta 'Konverżjoni
Hemm għodda onlajn imsejħa Media-Convert li tiddikjara li tikkonverti diversi formati ta 'vidjow (u awdjo) f'formati oħra tal-vidjow (u awdjo). Meta ppruvawna bit-test video tat-3 sekondi tiegħi, ma nistgħux niksbuha biex taħdem fuq Mac tiegħi. Imma jista 'jkollok xortih aħjar. Dan is-sit għandu l-benefiċċju li jkun ħieles.
Xi għodod oħra sibna jinkludu:
- Miro Video Converter (Windows Macintosh) - Dan il-programm għandu l-benefiċċju li jikkonverti kemm għall-Ogg u kemm għall-MP4 (H.264) u huwa sors miftuħ.
- Koyote Video Converter (Windows)
- Free Video Converter Aħna naħsbu li dan għandu kemm verżjoni tal-Windows kif ukoll ta 'Macintosh, iżda kien diffiċli li tgħid mis-sit tagħhom
- Encoder Theora sempliċi (Macintosh) - dan huwa dak li għandna t-tendenza li tuża.
Ladarba jkollok vidjo tiegħek ffrankat fil-format Ogg, issejvja f'post fuq il-websajt tiegħek u mur il-paġna li jmiss biex taqleb għal formati oħra għal browsers oħra.
05 ta '10
Ikkonverti l-Vidjo għal MP4 għal Safari
Il-format li jmiss għandek tikkonverti l-vidjo tiegħek huwa MP4 (vidjo H.264) sabiex tkun tista 'tintlagħab fuq Safari 3 u 4 u l-iPhone u Android. Barra minn hekk, videos H.264 jistgħu jiġu kkonvertiti faċilment għal fajls FLV biex jaraw fuq il-Flash.
Dan il-format huwa aktar faċilment disponibbli fi prodotti kummerċjali, u probabilment diġà għandek programm li se jaqilbu għal MP4 jekk għandek editur tal-vidjow. Jekk għandek Adobe Premiere tista 'tuża l-kodifikatur Adobe Video, jew jekk għandek QuickTime Pro li se taħdem ukoll. Ħafna mill-konvertituri li ddiskutew fuq il-paġna ta 'qabel sejrin ukoll jikkonvertu l-videos lejn MP4.
- Media-Convert - għodda onlajn
- Miro Video Converter (Windows Macintosh) - Dan il-programm għandu l-benefiċċju li jikkonverti kemm għall-Ogg u kemm għall-MP4 (H.264) u huwa sors miftuħ.
- SUPER (Windows) - se jikkonverti bosta tipi ta 'fajls differenti għal MP4 u FLV
- Free Video Converter Aħna naħsbu li dan għandu kemm verżjoni tal-Windows kif ukoll ta 'Macintosh, iżda kien diffiċli li tgħid mis-sit tagħhom
Ħlief il-fajl MP4 tiegħek għall-websajt tiegħek u mbagħad ikollok bzonn li tikkonvertiha għal Flash għall-Internet Explorer biex tużaha.
06 ta '10
Ikkonverti l-Vidjo għal FLV għall-Internet Explorer
L-eħfef mod biex jikkonvertu l-videos lejn FLV huwa l-użu tal-Flash innifsu. Hekk aħna nikkonvertu l-videos tiegħi biex Flash. Imma jekk m'għandekx Flash, hawnhekk huma żewġ għodod popolari għall-konverżjoni ta 'fajls għal FLV:
- SUPER (Windows) - se jikkonverti bosta tipi ta 'fajls differenti għal MP4 u FLV
- ffmpegX (Macintosh) - se jikkonverti bosta tipi ta 'fajls differenti għal Mp4 u FLV.
Ħlief il-fajl FLV tiegħek fuq il-websajt tiegħek u l-paġna li jmiss ser turi kif tikteb l-HTML sabiex tkun tista 'tilgħab il-videos tiegħek.
07 ta '10
Żid l-Element Video għall-Paġna Web tiegħek
Huwa faċli ħafna li tuża HTML 5 biex iżżid vidjo fuq paġni tal-Web. Il-biċċa l-kbira tal-browsers moderni jappoġġaw il-vidjow HTML 5, għalkemm dawn mhux kollha jsostnuh bl-istess mod. Imma x'inhu dan ifisser li jekk tfaddal il-vidjow tiegħek bħala żewġ formati Ogg u MP4, inti tkun tista 'tikteb biss erba' jew ħames linji ta 'HTML biex tiksbu li tidher f'ħafna browsers moderni (minbarra l-Internet Explorer 8). Ara kif:
- Ikteb il-markatur tad-duttku HTML 5 sabiex il-browsers jafu li jistennew HTML 5:
- Oħloq il-paġna tal-Web tiegħek kif normalment toħloqha:
title>
head>
body>
html> - Ġewwa l-ġisem, poġġi l-
- Iddeċiedi liema attributi trid li l-vidjow tiegħek ikollha:
- autoplay - biex tibda hekk kif titniżżel
- kontrolli - jippermettu lill-qarrejja tiegħek biex jikkontrollaw il-vidjow (pause, rewind, fast forward)
- loop - ibda l-video mill-bidu meta tispiċċa
- preload - qabel tniżżel il-vidjo sabiex tkun lesta malajr meta l-klijent tikklikja fuqha
- poster - tiddefinixxi l-immaġni li trid tuża meta jitwaqqaf il-video
video> - Imbagħad żid il-fajls tas-sors għaż-żewġ verżjonijiet tal-vidjow tiegħek (MP4 u OGG) ġewwa l-element
:
video> - Iftaħ il-paġna f'Chrome 1, Firefox 3.5, Opera 10, u / jew Safari 4 u aċċerta ruħek li turi sewwa. Għandek tittestjaha f'mill-inqas Firefox 3.5 u Safari 4 - peress li kull wieħed juża codec differenti.
Dak hu. Ladarba jkollok dan il-kodiċi fis-seħħ ser ikollok vidjo li jaħdem Firefox 3.5, Safari 4, Opera 10 u Chrome 1. Imma x'inhuma l-Internet Explorer?
Internet Explorer Ma Like HTML 5 jew il-Tag
Fit-taqsima li jmiss, Aħna ser nitkellmu dwar x'tista 'tagħmel biex tikseb IE 8 biex tilgħab nicely mat-tikketti tal-vidjow HTML 5 tiegħek u mur video. Int għandek tuża Flash. L-aħbar it-tajba hija li l-IE 9 huwa mistenni li jappoġġja l-HTML 5 u l-video tag.
08 ta '10
Żid il-JavaScript u l-Flash Player biex Ikseb Internet Explorer għax-Xogħol
Jista 'jkollok innutat li fil-HTML tal-paġna ta' qabel, ma kien hemm l-ebda linja tas-sors għall-fajl FLV. U jekk ittestja dik il-paġna fl-Internet Explorer ma tkunx taħdem. Dak għax l-Internet Explorer ma jirrikonoxxix l-HTML 5 u ma jistax ikollu l-ebda video OGG jew MP4 b'mod nattiv. Sabiex l-Internet Explorer 7 u 8 jaħdmu, jeħtieġ li jkollok il-video bħala Flash. Imma hemm aktar passi biex iddaħħalha għax-xogħol milli sempliċement iżżid il-fajl FLV.
Pass 1: Get Flash Video Player għall-Website tiegħek
Nirrakkomandaw li jkollok FlowPlayer għaliex hija sors miftuħ ta 'plejer tal-Flash Flash li tista' tinstalla fuq is-server tal-Web tiegħek u tuża kull meta jkollok Flash video biex tilgħab. Il-verżjoni libera ta 'FlowPlayer tiddaħħal ir-reklamar fil-vidjows tiegħek, imma tista' wkoll tixtri liċenzji kummerċjali jekk teħtieġhom.
Segwi l-istruzzjonijiet fuq is-sit tal-FlowPlayer biex tinstalla FlowPlayer fuq il-websajt tiegħek. Fil-qosor, int tkun qed tinstalla 2 fajls SWF u fajl JavaScript fis-sit tiegħek. Fil-qiegħ ta 'l-HTML tiegħek, (qabel it-tikketta body>) għandek iżżid linja: