Lilo HTML5 lati Fihan Fidio ni Awọn Burausa lọwọlọwọ

Awọn HTML tag 5 ti mu ki o rọrun lati fi fidio si oju-iwe ayelujara rẹ. Ṣugbọn nigba ti o ba rọrun loju iboju, ọpọlọpọ awọn nkan ti o nilo lati ṣe lati gba fidio rẹ ati ṣiṣe. Ilana yii yoo gba ọ nipasẹ awọn igbesẹ lati ṣẹda iwe ni HTML 5 ti yoo ṣiṣe fidio ni gbogbo awọn aṣàwákiri igbalode.

01 ti 10

Alejo Ti ara rẹ HTML 5 Video vs. Lilo YouTube

YouTube jẹ aaye nla. O mu ki o rọrun lati wọ fidio sinu oju-iwe ayelujara ni kiakia, ati pẹlu awọn imukuro kekere kan jẹ eyiti ko ni idiwọn ni pipaṣẹ awọn fidio wọnyi. Ti o ba fi fidio ranṣẹ lori YouTube, o le jẹ igboya pe ẹnikẹni yoo ni anfani lati wo o.

Ṣugbọn Lilo YouTube lati Fi Iwọn Awọn fidio rẹ Ni diẹ ninu awọn idaduro

Ọpọlọpọ awọn iṣoro pẹlu YouTube jẹ lori ẹgbẹ onibara, dipo lori ẹgbẹ onise, ohun bi:

Ṣugbọn awọn idi kan wa ti YouTube jẹ buburu fun awọn ti n ṣalaye akoonu, pẹlu:

HTML 5 Fidio Nni Awọn Anfaani Kan Lori YouTube

Lilo HTML 5 fun fidio yoo jẹ ki o ṣakoso gbogbo abala ti fidio rẹ, lati ọdọ ẹniti o le wo o, bi o ṣe gun, ohun ti akoonu naa wa, nibiti o ti ṣe ibugbe ati bi o ṣe n ṣe olupin. Ati HTML 5 fidio n fun ọ ni anfani lati ṣafikun fidio rẹ ni ọpọlọpọ ọna kika bi o ṣe nilo lati rii daju wipe nọmba ti o pọju eniyan le wo. Awọn alabara rẹ ko nilo ohun itanna kan tabi lati duro titi YouTube yoo tujade ẹya tuntun kan.

Ti dajudaju, HTML 5 Awọn fidio nfunni diẹ ninu awọn Abajade

Awọn wọnyi ni:

02 ti 10

Awọn ọna Akopọ ti Imudojuiwọn fidio lori oju-iwe ayelujara

Fikun fidio si Awọn oju-iwe ayelujara ti jẹ ilana ti o ṣoro pupọ. Ọpọlọpọ ohun ti o le lọ ti ko tọ:

Nitorina kini o yẹ lati ṣe? Fifun lori fidio kii ṣe aṣayan fun ọpọlọpọ awọn aaye ayelujara, bi fidio ti n di diẹ si siwaju sii. Ati ọpọlọpọ awọn aaye ayelujara ti yipada si ayipada si fidio.

Awọn oju-ewe ti o wa ni akọọlẹ yii yoo ṣe igbesẹ nipasẹ bi o ṣe le fi fidio kun si oju-iwe ayelujara rẹ ti o ṣiṣẹ ni Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ati 4, iPhone ati Android, Flash, ati Internet Explorer 7 ati 8. O yoo tun ni awọn bọtini ti o nilo lati fi atilẹyin fun awọn aṣàwákiri ti o pọ ju ti o ba jẹ dandan.

03 ti 10

Ṣẹda ati Ṣatunkọ fidio rẹ

Ohun akọkọ ti o nilo nigba ti o ba lọ si fi fidio sori oju-iwe ayelujara kan ni fidio gangan. O le ṣe iyaworan nigbagbogbo ati ṣatunkọ lẹhinna lati ṣẹda ẹya-ara kan, tabi o le kọwe si rẹ ki o gbero ni iwaju ti akoko. Ọna boya ṣiṣẹ daradara, o jẹ ohunkohun ti o ba ni itura pẹlu. Ti o ko ba mọ iru iru fidio ti o yẹ ki o ṣe, ṣayẹwo awọn ero wọnyi lati Ilana Itọsọna Aye-iṣẹ:

Kọ bi o ṣe le Gba fidio Didara to gaju

Rii daju pe o mọ bi o ṣe le gba awọn ile ati awọn ita gbangba gba ati bi o ṣe le gbasilẹ ohun. Imọlẹ tun ṣe pataki pupọ - awọn iyọ ti o wa ni imọlẹ pupọ ti npa oju, ti o si dudu ju bi awọ ati aiṣedede. Paapa ti o ba ṣe ipinnu lati ni fidio 30-keji lori aaye rẹ, didara ti o ga julọ ni o dara julọ yoo tan imọlẹ lori aaye ayelujara rẹ.

Ranti pe aṣẹ-aṣẹ naa kan si awọn ohun tabi orin (bakanna bii aworan iṣura) ti o le fẹ lati lo ninu fidio rẹ. Ti o ko ba ni iwọle si ọrẹ kan ti o le kọ ati kọ orin kan fun ọ, iwọ yoo nilo lati wa orin ọfẹ ti ọba laiṣe ni abẹlẹ. Awọn ipo tun wa ti o le fi aworan ranṣẹ lati fi kun awọn fidio rẹ.

Ṣatunkọ rẹ Video

Ko ṣe pataki ohun ti o ṣe atunṣe software ti o lo, niwọn igba ti o ba faramọ pẹlu rẹ ati pe o le lo o daradara. Gretchen, Itọsọna fidio Itọsọna Oju-iwe, ni diẹ ninu awọn itọnisọna ṣiṣatunkọ fidio ti o le ran ọ lọwọ lati satunkọ awọn fidio rẹ ki wọn ba dara.

Fi fidio rẹ pamọ si MOV tabi AVI (tabi MPG, CD, DV)

Fun iyokù tutorial yii, a yoo ro pe o ni fidio rẹ ti o fipamọ ni iru iru kika didara (ti ko ni ibamu) bi AVI tabi MOV. Nigba ti o le lo awọn faili yii bi wọn ṣe jẹ, o n lọ sinu gbogbo awọn iṣoro pẹlu fidio ti a ti sọ tẹlẹ. Awọn oju-iwe wọnyi yoo ṣe alaye bi o ṣe le ṣe iyipada faili rẹ sinu awọn oriṣiriṣi mẹta nitori pe o jẹ ojuṣe nipasẹ nọmba ti o pọju awọn aṣàwákiri.

04 ti 10

Yi fidio pada si Ogg fun Firefox

Àkọkọ akọkọ ti a yoo ṣe iyipada si Ogg (igba miran a npe ni Ogg-Theora). Ọna yi jẹ ọkan ti Firefox 3.5, Ise 10.5, ati Chrome 3 le wo gbogbo.

Laanu, nigba ti Ogg ni atilẹyin kiri, ọpọlọpọ awọn eto fidio ti a mọ daradara ti o le ra (Adobe Media Encoder, QuickTime, ati bẹbẹ lọ) ko funni ni aṣayan iyipada Ogg. Nitorina nikan ni ọna lati ṣe iyipada fidio rẹ si Ogg ni lati wa eto iyipada lori oju-iwe ayelujara.

Awọn aṣayan Iyipada

Ọna ẹrọ ori ayelujara kan wa ti a npe ni Media-Iyipada ti o nperare lati ṣipada orisirisi ọna kika ti fidio (ati ohun) sinu awọn ọna kika miiran (ati ohun). Nigba ti a ba gbiyanju o pẹlu fidio idanwo mi-3, a ko le gba o lati ṣiṣẹ lori Mac mi. Ṣugbọn o le ni o dara ju. Aaye yii ni anfani ti jije ọfẹ.

Diẹ ninu awọn irinṣẹ miiran ti a ri ni:

Lọgan ti o ba ni fidio ti o fipamọ ni ipo Ogg, fi si ipo kan lori oju-iwe ayelujara rẹ ki o lọ si oju-iwe keji lati yi pada si awọn ọna kika miiran fun awọn aṣàwákiri miiran.

05 ti 10

Yi fidio pada si MP4 fun Safari

Ọna ti o tẹle ti o yẹ ki o yipada fidio rẹ ni MP4 (fidio H.264) ki o le dun lori Safari 3 ati 4 ati iPhone ati Android. Die, fidio H.264 le wa ni iyipada si awọn faili FLV fun wiwo lori Flash.

Ọna yii jẹ diẹ sii ni imurasilẹ ni awọn ọja ti n ṣowo, o le ṣe eto tẹlẹ ti yoo yipada si MP4 ti o ba ni olootu fidio. Ti o ba ni Imọlẹ Adobe o le lo Adobe Video Encoder, tabi ti o ba ni QuickTime Pro ti yoo ṣiṣẹ bi daradara. Ọpọlọpọ awọn oluwa ti a sọrọ lori oju-iwe akọkọ ti yoo tun yi awọn fidio pada si MP4.

Fi faili MP4 rẹ si aaye ayelujara rẹ lẹhinna o yoo nilo lati yi pada si Flash fun Internet Explorer lati lo.

06 ti 10

Yi fidio pada si FLV fun Internet Explorer

Ọna to rọọrun lati ṣe iyipada awọn fidio si FLV ni lati lo Flash funrararẹ. Eyi ni bi a ṣe yi awọn fidio mi pada si Flash. Ṣugbọn ti o ko ba ni Flash, nibi ni awọn ọnaja meji ti o gbajumo fun awọn faili iyipada si FLV:

Fi faili FLV rẹ si oju-iwe ayelujara rẹ ati oju-iwe ti o tẹle yoo fihan ọ bi o ṣe le kọ HTML ki o le mu awọn fidio rẹ ṣiṣẹ.

07 ti 10

Fi Ẹrọ fidio kun si oju-iwe ayelujara rẹ

O jẹ gidigidi rọrun lati lo HTML 5 lati fi fidio si oju-iwe ayelujara. Ọpọlọpọ awọn aṣàwákiri igbalode ṣe atilẹyin HTML 5 fidio, biotilejepe wọn ko gbogbo ṣe atilẹyin fun ni ni ọna kanna. Ṣugbọn ohun ti eyi tumọ si ni pe ti o ba fi fidio rẹ pamọ bi awọn ọna kika Ogg ati MP4, iwọ yoo ni anfani lati kọ awọn ikanni mẹrin tabi marun ti HTML lati gba lati han ni ọpọlọpọ awọn aṣàwákiri igbalode (ayafi Internet Explorer 8). Eyi ni bi:

  1. Kọ onigbowo doctype HTML 5 ki awọn aṣàwákiri mọ lati reti HTML 5:
  2. Ṣẹda oju-iwe ayelujara rẹ bi o ṣe le ṣe o:







  3. Ninu ara, gbe aami tag :
  4. Yan awọn ohun ti o fẹ pe fidio rẹ ni:
    • autoplay - lati bẹrẹ ni kete ti o ti gba lati ayelujara
    • Awọn idari - gba awọn onkawe rẹ lọwọ lati ṣakoso awọn fidio (duro, sẹhin, sare siwaju)
    • bii - bẹrẹ fidio lati ibẹrẹ nigbati o dopin
    • preload - ṣaaju gbigba fidio naa ki o ba ṣetan ni kiakia nigbati alabara ba tẹ lori rẹ
    • panini - setumo aworan ti o fẹ lati lo nigbati fidio ba duro
    A ṣe iṣeduro nipa lilo awọn idari ati iṣaju. Lo aṣayan ifanilẹyin ti fidio rẹ ko ba ni ipele akọkọ ti o dara.
  5. Lẹhinna fi awọn faili orisun fun awọn ẹya meji ti fidio rẹ (MP4 ati OGG) inu adarọ :



  6. Ṣii oju-iwe ni Chrome 1, Akata bi Ina 3.5, Opera 10, ati / tabi Safari 4 ati rii daju pe o han daradara. O yẹ ki o idanwo rẹ ni o kere Firefox 3.5 ati Safari 4 - bi wọn ṣe nlo koodu-koodu kan ti o yatọ.

O n niyen. Lọgan ti o ba ni koodu yii ni aaye iwọ yoo ni fidio ti o ṣiṣẹ ni Firefox 3.5, Safari 4, Opera 10, ati Chrome 1. Ṣugbọn kini nipa Internet Explorer?

Internet Explorer ko ni bi HTML 5 tabi Tag

Ni apakan to wa, A yoo sọ nipa ohun ti o le ṣe lati gba IE 8 lati ṣe dara daradara pẹlu awọn afiwe HTML rẹ 5 ati lati fi fidio han. O ni lati lo Flash. Irohin ti o dara ni pe IE 9 ni a reti lati ṣe atilẹyin HTML 5 ati tag fidio.

08 ti 10

Fi JavaScript ati ẹrọ orin Flash kun lati Gba Internet Explorer si Ise

O le ṣe akiyesi pe ni oju-iwe HTML ti tẹlẹ, ko si orisun orisun fun faili FLV. Ati pe ti o ba dán oju-iwe yii wò ni Internet Explorer o yoo ko ṣiṣẹ. Ti o ni nitori Internet Explorer ko da HTML 5 ati pe ko le mu tabi fidio OGG tabi MP4 ni abẹ. Lati le rii Internet Explorer 7 ati 8 lati ṣiṣẹ, o nilo lati jẹ ki o dun fidio bi Filasi. Ṣugbọn awọn igbesẹ diẹ sii wa lati mu ki o ṣiṣẹ ju pe o fi faili FLV kun.

Igbese 1: Gba Fidio Fidio Flash fun Aaye ayelujara rẹ

A ṣe iṣeduro nini FlowPlayer nitori pe o jẹ ẹrọ orin fidio ìmọ orisun Flash ti o le fi sori olupin ayelujara rẹ ati lo nigbakugba ti o ni fidio Fidio lati mu ṣiṣẹ. Ẹrọ ọfẹ ti FlowPlayer awọn ifibọ ipolongo sinu awọn fidio rẹ, ṣugbọn o tun le ra awọn iwe-aṣẹ ti owo ti o ba nilo wọn.

Tẹle awọn itọnisọna lori Aaye FlowPlayer lati fi sori ẹrọ FlowPlayer lori aaye ayelujara rẹ. Ni kukuru, iwọ yoo fi awọn faili 2 SWF sori ẹrọ ati faili faili JavaScript lori aaye rẹ. Ni isalẹ ti HTML rẹ, (ṣaaju ki awọn tag) iwọ yoo fi ila kan kun:

Ṣugbọn Internet Explorer ṣi ko le ṣe fidio naa, o ni lati kọni bi o ṣe le ṣe afihan awọn HTML HTML.

Igbese 2: Gbagbọ Internet Explorer lati Ka HTML 5 Tags

O wa iwe-ọwọ ti o ni ọwọ lori koodu Google ti a pe ni "Ṣiṣe HTML" ti yoo ṣe iranlọwọ IE da awọn eroja HTML 5. Nitorina ni ori ti iwe HTML ti o fẹ lati ṣe apejuwe rẹ. O dara julọ lati ṣafikun rẹ ni awọn alaye ti o jẹ IE ki awọn aṣàwákiri miiran ko ni daamu:



Dara, bayi IE yoo da aami tag "fidio", ṣugbọn kii yoo mọ ohun ti o ṣe pẹlu awọn faili orisun ti o ti kun bẹ.

Igbesẹ 3: Fi Ẹrọ Orisun kan sii fun Faili FLV

Gẹgẹ bi o ti ṣe ni oju-iwe ti tẹlẹ, iwọ yoo fi ila kan si HTML rẹ ti o wa ninu iwe ti o tọka si ibi ti o ti fipamọ faili FLV lori olupin rẹ.




codecs = "On2 VP6, Sorenson sipaki, Iboju iboju, Iwoju fidio 2, H.264" '>

09 ti 10

Fi JavaScript ati ẹrọ orin Flash kun lati Gba Internet Explorer si Ise - Apá 2

Laanu, a ko tun ṣe. A ni lati sọ bayi fun IE lati lo orin fidio fidio FlowPlayer Flash ti a fẹ ṣe iranti ni oke.

Igbese 4: Tan-an Eran sinu Flash

Fun eyi, a nilo akosile miiran. A ni akosile lati Dive Into HTML 5 . Ṣugbọn nigbati a ba danwo rẹ, ko ṣiṣẹ titi ti a fi ṣe awọn atunṣe meji:

  • Laini ila 31: fikun ipo ti fifi sori ẹrọ FlowPlayer rẹ.
  • Laini agbegbe 42: yi iru faili kuro lati
    fidio / MP4
    si
    fidio / x-flv
  • Laini agbegbe 94: bẹrẹ pẹlu
    ti o ba jẹ (!! $ && !! $ (iwe-aṣẹ). tẹlẹ) {
    si opin iwe-ipamọ, yi abala yii pada lati ka:
    // ti o ba jẹ (!! $ && !! $ (iwe-aṣẹ). tẹlẹ) {
    / * awọn olumulo jQuery le ṣe atẹkọ ni kete bi DOM ti ṣetan * /
    // $ (iwe-aṣẹ). tẹlẹ (html5_video_init);
    //} miran {
    / * Gbogbo eniyan le duro titi ti o pọload * /
    / * addEvent iṣẹ nipasẹ http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * /
    var addEvent = iṣẹ (obj, type, fn) {
    ti o ba jẹ (obj.addEventListener)
    obj.addEventListener (iru, fn, eke);
    miiran ti o ba (obj.attachEvent)
    obj.attachEvent ('on' + type, function () {pada fn.apply (obj, Array tuntun (window.event));});
    }
    addEvent (window, "fifuye", html5_video_init);
    //}

Lọgan ti o ti ṣatunkọ faili JavaScript, gbe e si olupin rẹ, ki o si ṣe asopọ si i ni isalẹ ti oju iwe HTML rẹ (ṣaaju ki ):

Whew! Bayi pe o ti ṣe gbogbo eyi, o yẹ ki o gbe awọn HTML rẹ sii ki o le bẹrẹ idanwo.

10 ti 10

Ṣe idanwo ni Bi Ọpọlọpọ Burausa Bi O Ṣe le

Awọn oju-iwe fidio idanwo ni o ṣe pataki ti o ba fẹ lati ṣe ifilole aṣeyọri. O yẹ ki o rii daju pe idanwo oju-iwe rẹ ni awọn aṣàwákiri ti o mọ julọ ati awọn ẹya fun aaye ayelujara rẹ.

A ti ri pe nigba ti o ṣee ṣe lati lo awọn irinṣẹ bi BrowserLab ati AnyBrowser lati ṣe idanwo fidio, kii ṣe gẹgẹbi o gbẹkẹle bi gbigba iwe naa lori ẹrọ lilọ kiri lori ara rẹ. Nigbati o ba ṣe eyi o le riiran boya o ṣiṣẹ tabi rara.

Niwọn igba ti o ti lọ si gbogbo wahala lati ṣafikun fidio rẹ ni ọna kika mẹta, o yẹ ki o idanwo fun ọ lati rii daju pe o han ni gbogbo awọn mẹta. Eyi tumọ si, ni o kere ju, o yẹ ki o idanwo rẹ ni:

  • Akata bi Ina 3.5
  • Safari 3 tabi 4
  • Ayelujara Explorer 7 tabi 8

O le ṣe idanwo ni Chrome, ṣugbọn niwon Chrome yoo wo gbogbo ọna mẹta (paapaa Flash, ti o ba ni itanna), o ṣoro lati sọ ti o ba wa iṣoro kan pẹlu ọkan ninu awọn miiran meji tabi ti koodu kodẹki Chrome nlo.

Fun alaafia rẹ, o yẹ ki o tun danwo ninu awọn aṣàwákiri ti o gbó lati ri ohun ti wọn ṣe, paapaa bi ọpọlọpọ awọn onkawe rẹ ba nlo awọn aṣàwákiri ti o dagba.

Ngba Iṣiṣẹ fidio ni Awọn Ṣawari Agbalagba

Gẹgẹbi eyikeyi oju-iwe ayelujara, o yẹ ki o kọkọ ṣe pataki bi o ṣe pataki pe ki awọn aṣàwákiri naa ṣiṣẹ. Ti 90% ti awọn onibara rẹ lo Netscape, lẹhinna o yẹ ki o ni eto isubu fun wọn. Ṣugbọn ti o ba kere ju 1% lọ, o le ṣe pataki pupọ.

Lọgan ti o ti pinnu awọn aṣàwákiri ti o nlo lati gbiyanju lati ṣe atilẹyin, ọna ti o rọrun julọ ni lati ṣẹda oju-iwe miiran fun wọn lati wo fidio ni. Lori oju-iwe yii, iwọ yoo wọ inu fidio kan nipa lilo HTML 4. Ati lẹhinna boya lo diẹ ninu awọn fọọmu ti aṣàwákiri aṣàwákiri lati tọju wọn nibẹ tabi kan fi ọna asopọ kan si oju-iwe yii lori ọkan.