Cov HTML 5 video lossis ua kom yooj yim ntxiv rau kev yees duab rau koj cov nplooj ntawv Web site . Tab sis thaum nws zoo nkaus li yooj yim rau ntawm qhov chaw, muaj ntau ntau yam uas koj yuav tsum ua kom tau koj lub yees duab thiab khiav. Cov ntawv nyeem no yuav siv koj los ntawm cov kauj ruam los tsim ib nplooj ntawv hauv HTML 5 uas yuav khiav video hauv txhua tus browsers niaj hnub.
- Hosting koj tus kheej HTML 5 yees duab siv YouTube
- Ceev Tus Txheej Txheem ntawm Kev Txhawb Pab Yees duab hauv Web
- Tsim thiab Kho Koj Yees Duab
- Hloov cov Video rau Ogg rau Firefox
- Hloov cov yees duab rau MP4 rau Safari
- Hloov cov yeeb yaj duab rau FLV rau Internet Explorer
- Ntxiv video yees rau koj qhov Web Page
- Ntxiv JavaScript thiab Flash Player kom Tau Internet Explorer mus Ua Haujlwm Feem 1
- Kuaj hauv ntau tus Browsers Raws li Koj Ua Tau
01 ntawm 10
Hosting koj tus kheej HTML 5 yees duab siv YouTube
YouTube yog ib qhov chaw zoo. Nws ua kom yooj yim rau embed yees duab rau hauv cov nplooj ntawv Web site sai sai, thiab nrog qee cov menyuam yaus tshwj xeeb yog seamless rau nws qhov kev tua ntawm cov yeeb yaj duab. Yog tias koj xa ib daim video hauv YouTube, koj tuaj yeem ntseeg siab tias leej twg yuav saib tau nws.
Tiam sis Siv YouTube los Embed Koj Cov Yeeb Yeeb Muaj Qee Cov Kev Txom Nyem
Feem ntau ntawm cov teeb meem nrog YouTube yog nyob rau ntawm tus neeg siv khoom, tsis yog nyob rau ntawm tus yeeb yam, xws li:
- Qhiav searching thiab indexing
- Tus neeg ua hauj lwm kev poob haujlwm
- Cov ntsiab lus raug tshem tawm (seemingly) arbitrarily
- Cov ntsiab lus phem ntau
Tab sis kuj muaj qee yam ntsiab lus vim li cas qhov YouTube tsis zoo rau cov neeg tsim tawm thiab, xws li:
- 10-feeb ntev tshaj plaws rau cov yeeb yaj duab (rau cov nyiaj dawb)
- Txom nyem kev ua tau zoo
- YouTube nriav unlimited pab cov cai rau koj yees duab
- Txhua tus neeg siv YouTube ua haujlwm tsis pub muaj cai siv rau koj qhov video
HTML 5 Yeeb yaj duab muab qee yam zoo tshaj YouTube
Siv HTML 5 rau video yuav qhia rau koj tswj txhua qhov ntawm koj video, los ntawm leej twg saib nws, ntev npaum li cas, yog dab tsi cov ntsiab lus muaj, qhov twg nws yog hosted thiab ua li cas tus neeg rau zaub mov ua. Thiab HTML 5 video muab koj lub sijhawm rau koj cov video hauv ntau hom ntawv raws li koj xav tau kom paub tseeb tias cov neeg coob tuaj yeem pom nws. Koj cov neeg muas zaub tsis xav tau ib lub plugin los yog tos kom txog thaum YouTube tso tawm ib qho newer version.
Tau kawg, HTML 5 Yeem Muaj Qee Cov Kev Txom Nyem
Cov no suav nrog:
- Koj yuav tsum tau encode koj yees duab tsawg kawg yog peb yam codecs
- Koj yuav tsum muaj ib co JavaScript los xyuas cov browsers uas tsis txhawb HTML 5 yuav ua hauj lwm
- Koj cov neeg rau zaub mov yuav tsum muaj peev xwm tswj tau qhov kev xav tau ntawm cov khoom siv bandwidth
02 ntawm 10
Ceev Tus Txheej Txheem ntawm Kev Txhawb Pab Yees duab hauv Web
Ntxiv video mus rau cov nplooj ntawv Web site tau ntev ib txoj kev nyuaj. Muaj ntau yam uas yuav mus tsis ncaj ncees lawm:
- Ua ntej, koj siv lub
- Li ntawd, koj hloov mus rau
- Ces koj xav tias " Flash !" Thiab encode koj yees duab ua cov ntaub ntawv FLV. Tab sis Flash tsis txaus siab rau ntau tus xov tooj ntawm tes thiab ntau tus neeg ntxub Flash txawm nws siv li cas (25% ntawm cov neeg tuaj yeem nyob hauv kuv qhov chaw nug txog koj xav li cas txog Flash hais tias lawv tuaj yeem tsis txhob tuaj Flash).
- Yog li koj txiav txim siab mus upload koj yees duab rau ib tug yees duab embedding qhov chaw zoo li YouTube, tab sis, ces koj muaj teeb meem nrog YouTube peb tham.
- Thaum kawg, koj txiav txim siab mus nrog HTML 5, tiam sis Internet Explorer tsis txhawb nws (tsis txog Internet Explorer 9). Thiab txawm tias koj ua, muaj ob video codec qauv uas tau txais kev pab thiab tsuas yog ib qho browser uas siv tau ob qho tib si. Browser Support rau Video Codecs thiab Thawv
Yog li cas koj yuav tsum ua? Kev muab rau hauv video tsis yog qhov kev xaiv rau feem ntau ntawm cov chaw, vim hais tias cov yees duab ua qhov tseem ceeb dua. Thiab ntau qhov chaw tau ntse hloov mus rau video.
Cov nplooj ntawv hauv qab no hauv tsab xov xwm txuas ntxiv yuav ntxiv koj li cas ntxiv rau kev yees duab rau koj cov nplooj ntawv Web site uas ua hauj lwm hauv Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 thiab 4, iPhone thiab Hauv, Flash, thiab Internet Explorer 7 thiab 8. tseem muaj cov yuam sij uas koj xav tau kev pabcuam ntxiv rau lwm cov laus dua yog tias tsim nyog.
03 ntawm 10
Tsim thiab Kho Koj Yees Duab
Thawj qhov koj xav tau thaum koj tabtom tso duab rau hauv lub Vev xaib yog qhov tseeb video. Koj tuaj yeem tua tujtaws thiab hloov kho tom qab los tsim ib qho kev ua haujlwm, los yog koj tuaj yeem sau nws thiab npaj tawm ua ntej. Txhua txoj kev ua haujlwm zoo, nws 's xwb xijpeem koj nyiam nrog. Yog tias koj tsis paub tias hom yeeb yaj kiab koj yuav tsum ua, kos tawm cov tswv yim los ntawm Desktop Video Guide:
- Family Video Projects
- Kev Ua Lag Luam thiab Kev Yeeb Yaj Teb Ua Si
- Video Virtual Tours
- Yuav ua li cas Yeeb yaj duab
- Kab tshoob yeeb yaj kiab
Kawm Yuav Ua Li Cas Rau Cov Ntawv Pov Thawj Zog Zoo
Xyuas kom koj paub yuav ua li cas rau sab hauv tsev thiab sab nraum zoov nrog rau kev sau tseg suab. Teeb pom kev zoo tseem ceeb heev - txhaj tshuaj heev uas ua rau mob lub qhov muag, thiab tsaus nti xwb zoo li cov av nkos thiab tsis txawj. Txawm hais tias koj tsuas yog npaj kom muaj 30-thib ob video hauv koj lub vev xaib, qhov zoo tshaj qhov nws yog qhov zoo dua nws yuav cuam tshuam rau koj lub vev xaib.
Nco ntsoov tias cov cai ntawd siv rau txhua lub suab lossis suab paj nruag (nrog rau cov duab tso tawm) uas koj xav siv hauv koj qhov yees duab. Yog tias koj tsis muaj ib tus phooj ywg uas muaj peev xwm sau tau thiab ua si ib zaj nkauj rau koj, koj yuav tsum nrhiav cov suab paj nruag dawb los ua si tom qab. Tseem muaj cov chaw uas koj tuaj yeem npaj cov duab los ntxiv rau koj cov yeeb yaj duab.
Editing Koj Yees Duab
Nws tsis txawv ntawm qhov uas koj siv cov software uas koj siv, tsuas ntev li thaum koj paub nws thiab siv tau nws zoo. Gretchen, Desktop Guide Guide, muaj qee cov kev qhia video editing uas yuav pab koj kho koj cov yeeb yaj kiab kom lawv saib zoo.
Txuag Koj Cov Yees Duab los MOV los yog AVI (los MPG, CD, DV)
Rau seem ntawm no nyeem, peb yuav xav tias koj muaj koj qhov kev cawm dim rau hauv qee hom kev ua haujlwm zoo (tsis yog-compressed) xws li AVI lossis MOV. Thaum koj siv tau cov ntaub ntawv no raws li lawv muaj, koj khiav mus rau tag nrho cov teeb meem nrog video uas peb twb tau tham lawm. Cov nplooj ntawv nram qab no yuav piav qhia koj hloov koj cov ntaub ntawv rau hauv peb hom kom nws saib tau los ntawm coob tus browsers.
04 ntawm 10
Hloov cov Video rau Ogg rau Firefox
Thawj hom ntawv peb yuav hloov los ua Ogg (qee zaus hu ua Ogg-Theora). Cov hom ntawv no yog ib qho uas Firefox 3.5, Opera 10.5, thiab Chrome 3 tau tag nrho cov saib.
Hmoov tsis, thaum Ogg muaj kev pabcuam browser, ntau ntawm cov kev pabcuam video uas koj tuaj yeem siv tau (Adobe Media Encoder, QuickTime, thiab lwm yam) tsis muaj kev xaiv Ogg. Yog li ntawd, tsuas yog qhov uas yuav hloov koj cov video rau Ogg thiaj li yuav pom ib qho kev hloov dua tshiab hauv Web.
Hloov Cov Kev Xaiv
Muaj ib qho cuab yeej online hu ua Media-Convert uas tau hais kom muab cov ntaub ntawv yees duab (thiab suab) los ua lwm hom video (thiab audio). Thaum peb sim nws nrog kuv 3-thib ob kuaj video, peb yuav tsis tau nws ua hauj lwm rau kuv Mac. Tab sis koj yuav muaj kev zoo dua. Lub vev xaib no muaj txiaj ntsim ntawm kev ua dawb.
Qee qhov lwm cov cuab yeej peb pom muaj xws li:
- Miro Video Converter (Qhov rai Macintosh) - Qhov kev pab cuam no muaj txiaj ntsim ntawm kev hloov mus rau Ogg thiab MP4 (H.264) thiab nws yog qhib qhov chaw.
- Koyote Video Converter (Qhov rai)
- Free Video Converter Peb xav tias qhov no muaj ob lub qhov rais thiab ib tug Macintosh version, tab sis nws nyuaj rau qhia los ntawm lawv qhov chaw
- Yooj Ywg Theora Encoder (Macintosh) - qhov no yog qhov peb yuav siv.
Thaum koj muaj koj cov video cia rau hauv Ogg, khaws nws mus rau ib qhov chaw hauv koj lub vev xaib thiab mus rau nplooj ntawv tom ntej los hloov nws mus rau lwm hom rau lwm browsers.
05 ntawm 10
Hloov cov yees duab rau MP4 rau Safari
Lub hom ntxiv tom ntej koj yuav tsum hloov koj cov yees duab rau hauv yog MP4 (H.264 video) thiaj li hais tias nws yuav raug ua si ntawm Safari 3 thiab 4 thiab iPhone thiab Android. Ntxiv, H.264 cov yeeb yaj duab tau yooj yim dua mus rau FLV cov ntaub ntawv rau menyuam hauv Flash.
Cov hom ntawv no muaj ntau tshaj muaj nyob rau hauv cov khoom lag luam, thiab tej zaum koj twb muaj ib qhov kev pab cuam uas yuav hloov mus rau MP4 yog tias koj muaj ib qhov video editor. Yog hais tias koj muaj Premiere Premiere koj siv tau Adobe Video Encoder, los yog koj muaj QuickTime Pro uas yuav ua hauj lwm zoo li. Ntau cov neeg hloov siab los ntseeg uas peb tau sib tham txog phab dhau los kuj yuav hloov cov yeeb yaj duab rau MP4.
- Media-Convert - tus cuab yeej hauv online
- Miro Video Converter (Qhov rai Macintosh) - Qhov kev pab cuam no muaj txiaj ntsim ntawm kev hloov mus rau Ogg thiab MP4 (H.264) thiab nws yog qhib qhov chaw.
- SUPER (Qhov rai) - yuav hloov ntau ntau hom ntaub ntawv rau MP4 thiab FLV
- Free Video Converter Peb xav tias qhov no muaj ob lub qhov rais thiab ib tug Macintosh version, tab sis nws nyuaj rau qhia los ntawm lawv qhov chaw
Tseg koj cov ntaub ntawv MP4 rau koj lub vev xaib thiab tom qab ntawd koj yuav tau hloov mus rau Flash rau Internet Explorer siv.
06 ntawm 10
Hloov cov yeeb yaj duab rau FLV rau Internet Explorer
Qhov yooj yim tshaj los hloov cov yeeb yaj duab rau FLV yog siv Flash xwb. Yog li peb hloov kuv cov yeeb yaj duab los Flash. Tab sis yog tias koj tsis muaj Flash, ntawm no yog ob yam cuab yeej rau kev hloov cov ntaub ntawv mus rau FLV:
- SUPER (Qhov rai) - yuav hloov ntau ntau hom ntaub ntawv rau MP4 thiab FLV
- ffmpegX (Macintosh) - yuav hloov ntau hom ntaub ntawv ntau rau Mp4 thiab FLV.
Tseg koj cov ntaub ntawv FLV rau koj lub vev xaib thiab nplooj ntawv tom ntej yuav qhia koj sau tus HTML kom koj tuaj yeem ua koj cov yeeb yaj kiab.
07 ntawm 10
Ntxiv video yees rau koj qhov Web Page
Nws yog heev yooj yim mus use HTML 5 ntxiv video rau Web pages. Feem ntau cov browsers niaj hnub txhawb HTML 5 video, tab sis lawv tsis yog txhua tus txhawb nws tib txoj kev. Tab sis qhov no txhais tau li cas yog tias koj txuag koj yees duab ua ob qho tib si Ogg thiab MP4, koj yuav sau tau plaub los yog tsib kab ntawm HTML kom nws mus tso rau hauv feem ntau cov browsers (tshwj tsis yog Internet Explorer 8). Ntawm no yog li cas:
- Sau tus HTML 5 doctype tus cim qhia kom paub tias browsers paub kom pom zoo HTML 5:
- Ua kom koj cov nplooj ntawv Web site li koj nquag tsim nws:
title>
head>
body>
html> - Hauv lub cev, muab
- Txiav txim seb yam twg koj xav kom koj cov yees duab muaj:
- autoplay - pib kom sai li nws tau downloaded
- tswj - pub koj cov neeg nyeem los tswj cov yees duab (nres, thim rov, ceev ceev)
- voj - pib lub yees duab los ntawm thaum pib thaum xaus
- preload - pre-download lub yees duab kom nws npaj txhij sai thaum tus neeg muas zaub rau nws
- daim ntawv qhia - txhais cov duab koj xav siv thaum lub yees duab nres
video> - Tom qab ntawd ntxiv cov ntaub ntawv muab rau ob lub versions ntawm koj qhov video (MP4 thiab OGG) hauv
element:
video> - Qhib cov nplooj ntawv hauv Chrome 1, Firefox 3.5, Opera 10, thiab / los yog Safari 4 thiab xyuas kom tseeb tias nws qhia meej. Koj yuav tsum tau sim nws tsawg kawg Firefox 3.5 thiab Safari 4 - raws li lawv siv ib tus codec txawv.
Tus ntawd yog nws. Thaum koj muaj qhov chaws nyob rau hauv qhov chaw koj yuav muaj ib tug yees duab uas ua haujlwm hauv Firefox 3.5, Safari 4, Opera 10, thiab Chrome 1. Tab sis dab tsi txog Internet Explorer?
Internet Explorer Tsis nyiam HTML 5 los sis Tag
Nyob rau sab tom ntej, Peb mam li tham txog koj yuav ua li cas thiaj tau txais IE 8 los ua si zoo nrog koj HTML 5 cov duab cim npe thiab tso saib video. Koj yuav tsum siv Flash. Qhov xwm zoo yog tias IE 9 yuav tsum tau txhawb cov HTML 5 thiab cov duab lossis.
08 ntawm 10
Ntxiv JavaScript thiab Cov Neeg Txuas Siv Hluav Taws Mus Siv Internet Explorer mus Ua Haujlwm
Tej zaum koj yuav pom tau tias nyob rau nplooj ntawv dhau HTML, tsis muaj qhov kab rau cov ntaub ntawv FLV. Thiab yog tias koj tau kuaj xyuas tias phab hauv Internet Explorer nws yuav tsis ua haujlwm. Tias vim hais tias Internet Explorer tsis pom HTML 5 thiab nws tsis ua si OGG lossis MP4 cov yeeb yaj duab. Yuav kom tau Internet Explorer 7 thiab 8 ua hauj lwm, koj yuav tsum muaj nws ua si video li Flash. Tab sis muaj ntau cov kauj ruam kom nws mus ua hauj lwm dua li ntxiv cov ntaub ntawv FLV.
Kauj Ruam 1: Tau Txais Neeg Tiv Thaiv Cov Yeeb Ncuab Koj Lub Vev Xaib
Peb pom zoo kom txais FlowPlayer vim nws yog ib qho qhib qhov chaw Flash video player uas koj tuaj yeem nruab ntawm koj qhov Web site neeg siv thiab siv thaum twg koj muaj eeb video los ua si. Cov dawb version of FlowPlayer tso npe rau koj cov yeeb yaj kiab, tab sis koj tseem tuaj yeem yuav cov ntawv tso cai lag luam yog tias koj xav tau lawv.
Ua raws li cov lus qhia hauv FlowPlayer qhov nruab rau hauv FlowPlayer ntawm koj lub vev xaib. Nyob rau hauv ib lub nutshell, koj yuav tau txhim kho 2 Cov ntaub ntawv SWF thiab ib qho JavaScript rau ntawm koj qhov chaw. Hauv qab ntawm koj cov HTML, (ua ntej lub body> tag) koj yuav ntxiv ib txoj kab: