A tag di video HTML 5 fa faciliunà aghjuntu video à e vostre pagine Web . Ma mentre ch'ellu pari faciale faciule in a superficia, ci sò assai cose chì ci vole à fà per voi u vostru video in funzione. Stu tutorialu vi purterà da i passi per creà una pàgina in HTML 5 chì eseguite video in tutti i navigatori muderni.
- Hosting Your Own HTML 5 Video vs. Using YouTube
- Quick Overview of Video Support on the Web
- Crea è Edite u vostru Video
- Cunvertà u Video Ogg per u Firefox
- Cunvertà u Video à MP4 per u Safari
- Cunvertà u Video à FLV per Internet Explorer
- Aghjunghjite l'Elementu Video à a pàgina Web
- Aggiungere JavaScript è Flash Player per Incendomie Internet Explorer per a Parte 1
- Pruvate in Tanti Navigatori As You Can
01 di 10
Hosting Your Own HTML 5 Video vs. Using YouTube
YouTube hè un bonu situ. Hè facilitatu incarnà videò in e pagine Web rapidamente, è cun qualche alcune cù l'urdusi sparghje in fine in l'eseguzione di quelli video. Sè postate un video in YouTube, pudete esse bè cunfidendu chì qualchissia hà da pudendu vede.
Ma utilizà YouTube per incuscà i vostri video Hè parechji inzustassi
A maiò parte di i prublemi cù YouTube sò in u cunsumadoru, in quantu à u discu di u disignu, cose cum'è:
- Ricerca in lentu è indiciamentu
- Server outages
- U cuntenutu esse eliminatu (apparentemente) arbitraria
- Più tantu cuntenutu debbule
Ma sò qualchì motte perchè YouTube hè male per i sviluppatori di cuntenutu, ancu:
- 10 minuti longitudes màghini per i video (per cuntatti senza)
- Povere caratteru cumplementu
- YouTube guadjisce u diritti d 'ughjettu ilimitatu à u vostru video
- Ogni utteniente YouTube guadene di diritti di ughjettu illitatu à u vostru video
Video HTML 5 Dedica Di Avanzeti Abballu In YouTube
Utilizare HTML 5 per u video vi permettenu cuntrollà ogni aspettu di u vostru video, da quale pò vede, quantu hè, quale hè u cuntenutu, induve hè allughjatu è cumu si u servitore cumete. U video HTML 5 dà l'oppurtunità di codificà u vostru video in tanti formati chì avete bisognu di sicuru chì a quantità massima di persone pò vedà. I vostri clienti ùn anu micca bisognu di un plugin o d'aspittà à chì YouTube libera una versione nova.
Di Corso, HTML 5 Video Offers Some Drawbacks
Queste include:
- Avete à codificà u vostru video in almenu trè codici differenti
- Avete da includà un pocu JavaScript per assicurà i navigatori chì ùn sustentanu micca l' HTML5 chì travaglià
- U vostru servore deve esse capaci di gestisce e l'esamari d'anziani in i video di l'ospitu
02 di 10
Quick Overview of Video Support on the Web
Adding video à e pagine Web hè longu u difficultu. Ci era tanti cosi chì puderia avè u sbagliu:
- Prima, utilizate l'etiqueta
- Allora cambia à l'tag
, ma i navigatori più antichi ùn sustenenu micca è i navigatori novi sò sketchy in u so supportu. - Allora pensate " Fughjatu !" E codice u vostru video cum'è un fitxer FLV. Ma Flash ùn hè micca soporta sopra à parechji appartamenti mobili è parechje persone disprite Flash ùn importa ciò chì hè utilizatu (25% di i rispondenti in a mio votatura dumandate cumu si senti com'è Flash hà dichjaratu chì ùn ponenu micca Flash in qualse modu).
- Allora decide di carica u vostru video à un situ incubatu di u video cum'è YouTube, ma tandu avete i prublemi cù YouTube chì avemu discututu.
- Finalmente, decide di andà cun HTML 5, ma Internet Explorer ùn hè micca sustegnu (micca solu finu à Internet Explorer 9). E ancu sè vo site, quì sò dui standardi di còdici di u codice video chì sò supportati è solu un solu navigatore chì pò esse adupratu. Assistente di u Navigatore per Códecs è Contenuti di Video
Allora chì vulete fà? A rinunzà à u video ùn hè più una opzione per a più di i siti, cum'è chì u video hè diventatu sempri più di più. E assai siti hà riesce successivamente à u video.
I seguenti pagine di stu articulu saranu u passaghju cumu per aghjunghje un video à i vostri pagine Web chì travagliani in Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 è 4, iPhone è Android, Flash è Internet Explorer 7 è 8. Sarete anu ancu e chjave per aghjunghje supportu per altri browsers maiò più necessale.
03 di 10
Crea è Edite u vostru Video
U primu cosa chì avete bisognu à voi site un video nantu à una pàgina web hè u video propiu. Pudete puru riflettà in modu cuntinuatu è mudificà dopu à creà una funzione, o pudete scrittu è avete da scrive da avant. Qualse u modu viaghjanu bè, hè ciò chì vulete cun cómodu. Sì ùn sò micca sapè cumu di tipu video chì deve fà, vedi l'idee nantu à a Video di Scrittura Video:
- Progetti famigliali
- Marketing and Promotional Videos
- Video Tour Virtuale
- Cume à i Videos
- Videos di castagneto
Aghjunghje Cumu Scopu di Video High-Quality
Assicuratevi di sapè cumu rilevu in l'intornu è in l'alte eddu à a manera di graccià l'audio. L'illuminazione hè ancu assai impurtante - volte chì sò troppu lucali assai dritti da l'occhi, è troppu chjucu ci piace assai lucali è pocu prufessiunale. Ancu s'ellu avete solu duminà un video di 30 segni nantu à u vostru situ, a qualità maiò hè megliu chì riflette in u vostru situ web.
Ricurdate puru chì u copyright si applia à qualsiasi sonu o musica (per esempiu), chì pudete vulete usà in u vostru video. Sì ùn avete micca accessu à un amicu chì pudete scrive è esce una musica per voi, avete bisognu di ricerchà a musica di u reale per ghjucà à u sfondate. Ci hè ancu postu chì puderete metterà di scoppiu per aghjunghje à i vostri video.
Editatu u vostru Video
Ùn importa micca quella edituraghjeria software utilizate, solu quantu hè familiar cun ellu è pudete aduprà effettuamente. Gretchen, a Video Guide di Scrittura, hà alcuni cunsiglii d'editori video editurà chì ponu aiutà à edità i vostri video per ch'ellu mi piace geniale.
Salve u vostru Video à un MOV o AVI (o MPG, CD, DV)
Per u restu di stu tutalità, avemu da assicurà chì avete u vostru video salvatu in qualchi modu di furmatu qualità (micca cumpressu) cum'è AVI o MOV. Mentre pudete aduprà sti schedari quantu sò, ghjucanu in tutti i prublemi cù u video chì avemu digià discutitu. I pagi seguenti spiegà cumu cunverta u vostru schedariu in trè tippi in modu chì hè visualizatu da u più numeru di navigatori.
04 di 10
Cunvertà u Video Ogg per u Firefox
U primu furmatu vi cunvertissimu a Ogg (ognitantu Ogg-Theora). Questu formatu hè unu chì Firefox 3.5, Opera 10.5 è Chrome 3 pò vede.
Sfurtunatamente, mentri Ogg hà un supportu di u navigatore, assai di i scontri video chì pò cumprà (Adobe Media Encoder, QuickTime, etc.) ùn ponenu micca una opra di cunversione Ogg. Allora l'unicu modu per cunvertisce u vostru video à Ogg hè di truvà un prugramma di cunversione in a Web.
Opzioni di cunversione
Ci hè una ferramenta in linea chjamata Media-Convertazione chì prutezza per cunvertisce varii formati di video (è audio) in altri formate video (è audio). Quandu avemu avemu pruvatu cù u mio video di a prova di 3 segni, ùn pudemu micca avè da vene à travaglià nantu à a mo Mac. Ma pudete avè avutu megliu cura. Stu situ hà u benefiziu di esse liberu.
Alcune qualchì l'altru attrue truvamu:
- Miro Video Converter (Windows Macintosh) - Stu prugrammu hà u benefiziu di cunvertisce Ogg è MP4 (H.264) è hè un usu apertu.
- Koyote Video Converter (Windows)
- Free Video Converter Pensemu chì questu hè un Windows è una versione Macintosh, ma era difficultu di dì da u so situ
- Chjave di The Simple Encoder (Macintosh) - questu hè quellu chì avemu avutu l'usu.
Una volta chì vo avete u vostru video guarda in u format Ogg, fate un situu à u vostru situ web è andate à a pàgina dopu per cunverte a altre furmatu per altri browsers.
05 di 10
Cunvertà u Video à MP4 per u Safari
U properu furmatu avete a cunverta u vostru video in hè MP4 (video H.264) in modu chì pò esse ghjucatu in Safari 3 è 4 è l'iPhone è Android. Plus, H.264 videos ponu esse cunvertiti in furmazione per flv files for watching on Flash.
Stu furmatu hè più listessu dispunibili in prudutti cummirciali, è pudete esse dinò un prugrammu chì vi cunvertisce in MP4 si avete un editore video. Se tenu Adobe Premiere, pudete aduprà l'Adobe Codice di Video, o se avete QuickTime Pro chì travaglià ancu. Parechji di i cunversatore chì avemu discututu nantu à a pagina previa cunverta ancu à MP4.
- Media-Convert - una strumenta in linea
- Miro Video Converter (Windows Macintosh) - Stu prugrammu hà u benefiziu di cunvertisce Ogg è MP4 (H.264) è hè un usu apertu.
- SUPER (Windows) - cunverta parechje mudelli di schedari differenti à MP4 è FLV
- Free Video Converter Pensemu chì questu hè un Windows è una versione Macintosh, ma era difficultu di dì da u so situ
Sfrancate u vostru articulu MP4 à u vostru situ web, è andate bisognu di cunvertisce à Flash per l'Internet Explorer per l'usu.
06 di 10
Cunvertà u Video à FLV per Internet Explorer
A manera più faciule di cunvertisce video à FLV hè di utilizà Flash itself. Eccu cumu si cunvertece u mio video à Flash. Ma se ùn avete micca Flash, quì sò dui strumenti populari per cunvertisce schedari à FLV:
- SUPER (Windows) - cunverta parechje mudelli di schedari differenti à MP4 è FLV
- ffmpegX (Macintosh) - cunvertisce assai tipi di file types à Mp4 è FLV.
Salvate u vostru flv file à u vostru situ web è a pàgina di seguente vi mostrarà cumu scrive u HTML per avè ancu ghjucate i vostri video.
07 di 10
Aghjunghjite l'Elementu Video à a pàgina Web
Hè assai faciule d'utilizate HTML 5 per aghjunghje video à e pagine Web. I navigatori più moderni sustenevanu u video HTML 5, anchi si sò micca tutte e supportanu di listessa manera. Ma chì hè questu significa chì si guarda u vostru video cum'è Ogg è MP4 formate, puderà scrive à quattru o quattru linii di HTML per avà per vede in a più maghjina di browsers (cioè Internet Explorer 8). Eccu cumu:
- Scrivite l'HTML 5 di documenti per u marcatura per chì i navigatori canuscinu d'esperà HTML 5:
- Crea a vostra pàgina Web cum'è avete aduprà normalment create:
title>
head>
body>
html> - Dintra u corpu, posto l'tag
- Decide qualse attributi chì voi chì u vostru video averebbe:
- autoplay - per cumincià cum'è se trouve
- cuntrolli - permettenu à i vostri lettori à cuntrullà u video (pausa, rindirizzà, veloce)
- loop - principià u video da u principiu mentre finisci
- precarga - pre-download the video per chì hè prontu più veloce quandu u clienti cliccate
- poster - define l'imàglia vulete usà quan u video hè stati
video> - Allora aghjunghje i fugliali di origine per e dui versioni di u vostru video (MP4 è OGG) in l'elementu
:
video> - Apertura a pagina in Chrome 1, Firefox 3.5, Opera 10 è / o Safari 4 è assicuratevi ombra correctament. Avete da pruvà in almenu Firefox 3.5 è Safari 4 - quandu tutti utilizate un códec differenti.
Eccu. Quandu avete u codice in u locu duvete avè un video chì travaglia in Firefox 3.5, Safari 4, Opera 10 è Chrome 1. Cosa cosa di Internet Explorer?
Internet Explorer ùn hà micca cum'è HTML 5 o l'etiqueta
In u seculu dopu, avemu da parlà di ciò chì pudete fà per vene à l'IE 8 per gioia nicely cù i vostri HTML 5 video tags è visuale un video. Avete aduprà Flash. A bona nova hè chì IE 9 hè mistetatu di sustene l'HTML5 è a tag video.
08 di 10
Aggiungere JavaScript è Flash Player per Incendomie Internet Explorer per travaglià
Pudete avè avutu chì, in l'HTML di a pàgina di u situ precedente, ùn era micca una staghjone di u filu FLV. E se vi pruvatu sta pagina in Internet Explorer ùn avia micca travagliatu. Hè perchè Internet Explorer ùn ùn ricunnosce l'HTML 5 è ùn pò micca toccu à oghji o MP4 videos nativamente. Per esse l'Internet Explorer 7 è 8 à u travagliu, avete bisognu à avè u ghjucu u video cum'è Flash. Ma ci sò più passi per avè da u travagliu di solu aghjustà u schedariu FLV.
Paso 1: Get a Flash Player for Your Website
Ricumpendemu à piglià FlowPlayer perchè hè un furmulariu apertu Flash player di video chì pudete instalà nantu à u vostru servitore Web è utilizate sempre chì avete un video Flash per ghjucà. A versione libera di FlowPlayer inserisci publicità in i vostri video, ma pudete ancu acquistà licenzii cummerciale si avete bisognu.
Segui l'urdinamentu nantu à u situ FlowPlayer per installà FlowPlayer in u vostru situ web. In una prufonda, pudete esse stallate 2 archivi SWF è un cartulare JavaScript in u vostru situ. À u fondu di u vostru HTML, (prima l'etiqueta body>) aghjunghje una ligna: