HTML 5 tag nan videyo fè li fasil ajoute videyo nan paj entènèt ou an. Men, pandan ke li parèt fasil sou sifas la, gen yon anpil nan bagay sa yo ke ou bezwen pou fè pou jwenn videyo ou leve, li kouri. Tutorial sa a pral pran ou nan etap sa yo yo kreye yon paj nan HTML 5 ki pral kouri videyo nan tout navigatè yo modèn.
Hosting pwòp HTML ou 5 videyo kont itilizasyon YouTube
Quick Overview nan sipò videyo sou entènèt la
Kreye ak Edit Videyo ou
Konvèti Videyo nan Ogg pou Firefox
Konvèti videyo a MP4 pou Safari
Konvèti videyo a nan FLV pou Internet Explorer
Add eleman videyo a nan paj entènèt ou an
Add JavaScript a ak Flash Player jwenn Internet Explorer nan travay Pati 1
Teste nan kòm navigatè Anpil jan ou ka
01 nan 10
Hosting pwòp HTML ou 5 videyo kont itilizasyon YouTube
YouTube se yon sit gwo. Li fè l pi fasil pou vide videyo nan paj entènèt byen vit, ak kèk eksepsyon minè se jistis san pwoblèm nan ekzekisyon li yo nan videyo sa yo. Si ou afiche yon videyo sou YouTube, ou ka san patipri konfyans ke nenpòt moun yo pral kapab gade li.
Men, lè l sèvi avèk YouTube yo mete videyo ou gen kèk enkonvenyans
Pifò nan pwoblèm yo ak YouTube yo sou bò konsomatè yo, olye ke sou bò la designer, bagay sa yo tankou:
Ralanti chache ak Indexing
Panno sèvè
Content yo te retire (w pèdi) abitrèman
Twòp move kontni
Men, gen kèk rezon ki fè YouTube se move pou devlopè kontni kòm byen, ki gen ladan:
10-minit longè maksimòm pou videyo (pou kont gratis)
Pòv Upload pèfòmans
YouTube ogmante dwa itilizasyon san limit nan videyo ou
Nenpòt YouTube itilizatè pwogrè dwa itilizasyon san limit nan videyo ou
HTML 5 videyo bay kèk avantaj sou YouTube
Sèvi ak HTML 5 pou videyo ap kite ou kontwole tout aspè nan videyo ou, ki soti nan ki moun ki ka wè li, konbyen tan li ye, ki sa ki kontni an gen, kote li anime ak ki jan sèvè a ap fè. Ak HTML 5 videyo ba ou opòtinite nan kodaj videyo ou nan kòm fòma anpil jan ou bezwen asire w ke maksimòm kantite moun ka wè li. Kliyan ou yo pa bezwen yon Plugin oswa rete tann jiskaske YouTube degaje yon vèsyon plus.
Nan kou, HTML 5 Videyo ofri kèk enkonvenyans
Men sa yo enkli:
Ou gen kodaj videyo ou nan omwen twa kodèk diferan
Ou dwe mete kèk JavaScript pou navigateurs ki pa sipòte HTML 5 ap travay
Sèvè ou a gen pou kapab okipe kondisyon yo ki genyen nan hosting videyo
02 nan 10
Quick Overview nan sipò videyo sou entènèt la
Ajoute videyo nan paj entènèt ki depi lontan te yon pwosesis difisil. Te gen anpil bagay ki te kapab ale mal:
Premyèman, ou itilize tag
Se konsa, ou chanje nan tag nan , men pi gran navigatè pa sipòte li ak navigatè plus yo se eskiz nan sipò li yo.
Lè sa a, ou panse " Flash !" Ak kode videyo ou kòm yon dosye FLV. Men, Flash pa sipòte sou aparèy mobil anpil ak anpil moun rayi Flash pa gen pwoblèm ki jan li itilize (25% nan moun ki repond nan biwo vòt mwen an mande sou ki jan ou santi ou sou Flash deklare ke yo pa ka kanpe Flash nan nenpòt fason).
Se konsa, ou deside Upload videyo ou a yon sit embedding videyo tankou YouTube, men Lè sa a, ou gen pwoblèm sa yo ak YouTube nou diskite.
Finalman, ou deside ale ak HTML 5, men Internet Explorer pa sipòte li (pa jis jiska Internet Explorer 9). E menm si ou fè, gen de estanda Codec videyo ki sipòte ak yon sèl navigatè ki ka itilize tou de. Navigatè Sipò pou Kod Videyo ak Containers
Se konsa, ki sa ou sipoze fè? Bay moute sou videyo se pa yon opsyon pou pifò sit, tankou videyo a ap vin pi plis ak pi enpòtan. Ak anpil sit te avèk siksè chanje nan videyo.
Paj sa yo nan atik sa a pral etap ou nan kòman yo ajoute videyo nan paj entènèt ou ki travay nan Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ak 4, iPhone ak android, Flash, ak Internet Explorer 7 ak 8. Ou pral tou gen kle yo ou bezwen ajoute sipò pou lòt navigatè pi gran si sa nesesè.
03 nan 10
Kreye ak Edit Videyo ou
Premye bagay ou bezwen lè w ap ale nan mete yon videyo sou yon paj entènèt se videyo aktyèl la. Ou ka swa tire kontinyèlman epi edite apre sa pou kreye yon karakteristik, oswa ou ka script li epi planifye li devan tan. Nenpòt fason travay byen, li nan jis tou sa w ap konfòtab ak. Si ou pa konnen ki kalite videyo ou ta dwe fè, tcheke ide sa yo ki soti nan Gid videyo Desktop la:
Pwojè Videyo Fanmi
Maketing ak videyo Pwomosyon
Videyo Virtual Tours
Ki jan yo Videos
Maryaj Videyo
Aprann kijan pou anrejistre videyo ki gen bon kalite
Asire ou ke ou konnen ki jan yo anrejistre andedan kay la ak deyò kòm byen ke kouman yo ekri odyo. Ekleraj se tou trè enpòtan - vaksen ki twò klere fè mal je yo, ak twò nwa jis gade labou ak amateur. Menm si ou sèlman plan pou gen yon videyo 30-dezyèm sou sit ou a, bon jan kalite a pi wo li se pi bon an li pral reflete sou sit entènèt ou an.
Sonje tou ke copyright aplike nan nenpòt ki son oswa mizik (kòm byen ke stock stock) ke ou ta ka vle itilize nan videyo ou. Si ou pa gen aksè a yon zanmi ki ka ekri ak jwe yon chante pou ou, ou pral bezwen jwenn mizik rwayo gratis yo jwe nan background nan. Genyen tou kote ou ka stock stock pou ajoute nan videyo ou.
Korije videyo ou
Li pa enpòtan sa ki koreksyon lojisyèl ou itilize, jis toutotan w ap abitye avèk li epi li ka itilize li efektivman. Gretchen, gid videyo a Desktop, gen kèk konsèy videyo pwofesyonèl koreksyon ki ka ede w edite videyo ou yo pou yo gade gwo.
Sove videyo ou nan yon MOV oswa AVI (oswa MPG, CD, DV)
Pou rès tutorial sa a, nou pral asime ou gen videyo ou sove nan kèk kalite kalite siperyè (ki pa konprese) fòma tankou AVI oswa MOV. Pandan ke ou ka itilize sa yo dosye menm jan yo ye, ou kouri nan tout pwoblèm sa yo ak videyo ke nou te deja diskite. Paj sa yo pral eksplike ki jan yo konvèti dosye ou nan twa kalite konsa ke li se wè nan pi gwo kantite navigatè.
04 nan 10
Konvèti Videyo nan Ogg pou Firefox
Fòma an premye nou pral konvèti nan se Ogg (pafwa yo rele Ogg-Theora). Fòma sa a se youn ki Firefox 3.5, Opera 10.5, ak Chrome 3 ka wè tout.
Malerezman, pandan Ogg gen sipò navigatè, anpil nan pwogram videyo ki byen koni ke ou ka achte (Adobe Media Encoder, QuickTime, elatriye) pa ofri yon opsyon konvèsyon Ogg. Se konsa, wout la sèlman nan konvèti videyo ou a Ogg se jwenn yon pwogram konvèsyon sou entènèt la.
Opsyon Konvèsyon
Gen yon zouti sou entènèt ki rele Media-Konvèti ki reklamasyon konvèti fòma divès kalite videyo (ak odyo) nan lòt fòma videyo (ak odyo). Lè nou te eseye li ak videyo tès 3-dezyèm mwen an, nou pa t 'kapab jwenn li nan travay sou Mac mwen. Men, ou ka gen pi bon chans. Sit sa a gen benefis pou yo gratis.
Gen kèk lòt zouti nou jwenn yo enkli:
Miro Videyo konnvètè (Windows Macintosh) - Pwogram sa a gen benefis nan konvèti nan tou de Ogg ak MP4 (H.264) ak li a sous louvri.
Koyote Videyo konnvètè (fenèt)
Free Video Converter Nou panse ke sa a gen tou de yon fenèt ak yon vèsyon Macintosh, men li te di yo di nan sit yo
Senp Encora Theora (Macintosh) - sa a se youn nan nou yo gen tandans yo sèvi ak.
Yon fwa ou gen videyo ou sove nan fòma a Ogg, sove li nan yon kote sou sit entènèt ou epi ale nan pwochen paj la konvèti li nan lòt fòma pou lòt navigatè.
05 nan 10
Konvèti videyo a MP4 pou Safari
Fòma nan pwochen ou ta dwe konvèti videyo ou a se MP4 (H.264 videyo) pou ke li ka jwe sou Safari 3 ak 4 ak iPhone a ak android. Plus, H.264 videyo ka fasil konvèti nan dosye FLV pou l ap gade sou Flash.
Fòma sa a pi fasilman disponib nan pwodwi komèsyal, epi ou pwobableman deja gen yon pwogram ki pral konvèti nan MP4 si ou gen yon editè videyo. Si ou gen Adobe Premiere ou ka itilize Adobe Videyo Encoder la, oswa si ou gen QuickTime Pro ki pral travay kòm byen. Anpil nan konvètè yo nou te diskite sou paj anvan an pral konvèti tou videyo MP4.
Media-konvèti - yon zouti sou entènèt
Miro Videyo konnvètè (Windows Macintosh) - Pwogram sa a gen benefis nan konvèti nan tou de Ogg ak MP4 (H.264) ak li a sous louvri.
SUPER (Windows) - ap konvèti anpil kalite dosye diferan MP4 ak FLV
Free Video Converter Nou panse ke sa a gen tou de yon fenèt ak yon vèsyon Macintosh, men li te di yo di nan sit yo
Sove dosye MP4 ou nan sit entènèt ou ak Lè sa a, ou pral bezwen konvèti li nan Flash pou Internet Explorer yo sèvi ak.
06 nan 10
Konvèti videyo a nan FLV pou Internet Explorer
Fason ki pi fasil yo konvèti videyo FLV se yo sèvi ak Flash tèt li. Sa a se ki jan nou konvèti videyo mwen an Flash. Men, si ou pa gen Flash, isit la yo se de zouti popilè pou konvèti dosye FLV:
SUPER (Windows) - ap konvèti anpil kalite dosye diferan MP4 ak FLV
ffmpegX (Macintosh) - ap konvèti anpil kalite dosye diferan nan Mp4 ak FLV.
Sove dosye flv ou a sou sit entènèt ou an ak pwochen paj la pral montre w ki jan yo ekri HTML la pou ke ou ka jwe videyo ou.
07 nan 10
Add eleman videyo a nan paj entènèt ou an
Li trè fasil pou itilize HTML 5 pou ajoute videyo pou paj entènèt yo. Pifò modèn navigatè sipòte HTML 5 videyo, byenke yo pa tout sipòte li nan menm fason an. Men, sa sa vle di se ke si ou sove videyo ou kòm tou de Ogg ak MP4 fòma, ou yo pral kapab ekri jis kat oswa senk liy nan HTML jwenn li nan montre nan pi navigatè modèn (eksepte Internet Explorer 8). Men ki jan:
Ekri mak la HTML 5 mak pou ke navigatè konnen yo atann HTML 5:
Kreye paj entènèt ou jan ou ta nòmalman kreye li:
Anndan kò a, mete
Deside ki atribi ou vle videyo ou genyen:
Autoplay - yo kòmanse le pli vit ke li nan telechaje
kontwòl - pèmèt lektè ou a kontwole videyo a (pran yon poz, retade, vit-pi devan)
bouk - kòmanse videyo a depi nan konmansman an lè li fini
preload - pre-download videyo a pou ke li nan pi vit lè kliyan an klik sou li
afich - defini imaj ou vle itilize lè videyo a sispann
Nou rekòmande pou itilize kontwole ak preload. Sèvi ak opsyon nan afich si videyo ou pa gen yon bon sèn premye.
Lè sa a, ajoute dosye yo sous pou de vèsyon yo nan videyo ou (MP4 ak OGG) andedan eleman nan videyo:
>
Louvri paj la nan Chrome 1, Firefox 3.5, Opera 10, ak / oswa Safari 4 epi asire li montre kòrèkteman. Ou ta dwe teste li nan omwen Firefox 3.5 ak Safari 4 - jan yo chak sèvi ak yon kodèk diferan.
Sa a li. Yon fwa ou gen kòd sa a an plas ou pral gen yon videyo ki travay nan Firefox 3.5, Safari 4, Opera 10, ak Chrome 1. Men, sa ki sou Internet Explorer?
Internet Explorer pa renmen HTML 5 oswa Tag
Nan pwochen seksyon an, Nou pral pale sou sa ou ka fè jwenn IE 8 yo jwe joliman ak HTML ou 5 Tags videyo epi montre yon videyo. Ou gen yo sèvi ak Flash. Bon nouvèl la se ke IE 9 espere sipòte HTML 5 ak tag nan videyo.
08 nan 10
Add JavaScript a ak Flash Player jwenn Internet Explorer nan travay
Ou ka remake ke nan HTML paj anvan an, pa te gen okenn sous liy pou dosye FLV a. Men, si ou teste paj sa a nan Internet Explorer li pa ta travay. Sa a paske Internet Explorer pa rekonèt HTML 5 epi li pa ka jwe swa OGG oswa MP4 videyo natif. Yo nan lòd yo jwenn Internet Explorer 7 ak 8 nan travay, ou bezwen gen li jwe videyo a kòm Flash. Men, gen plis etap nan jwenn li nan travay pase jis ajoute dosye a FLV.
Etap 1: Jwenn yon jwè Videyo Flash pou sit entènèt ou
Nou rekòmande pou w ap resevwa FlowPlayer paske li se yon sous louvri jwè videyo Flash ke ou ka enstale sou sèvè entènèt ou epi sèvi ak nenpòt lè ou gen Flash videyo yo jwe. Vèsyon an gratis nan FlowPlayer foure piblisite nan videyo ou, men ou ka tou achte lisans komèsyal si ou bezwen yo.
Swiv enstriksyon yo sou sit la FlowPlayer enstale FlowPlayer sou sit entènèt ou an. Nan yon Nutshell, ou pral enstale 2 dosye SWF ak yon dosye JavaScript sou sit ou. Nan pati anba a nan HTML ou, (anvan tag lan ) ou pral ajoute yon liy: