Ob peb txoj kev mus tau ntxig ib tug video nyob rau hauv HTML

Lub vas sab - yog ib tug txhais tau tias ntawm txhawb tej kev pab cuam los yog yam khoom. Tab sis dab tsi yog qhov web kev pab tsis muaj xov xwm cov ntsiab lus? Yuav luag txhua txhua qhov chaw muaj ib tug yees duab uas piav txog nyiam, txhawb cov miv sab. Yog li ntawd, tus tswv ntawm lub web pab aims kawm yuav ua li cas mus tau ntxig ib tug video nyob rau hauv HTML.

Txoj kev uas yuav tsim qhov chaw

Yog li ntawd, web-qhov chaw - ib lub sij hawm kom nws tuaj qhia interactively. Nws yog lub npe hu hais tias Internet resources yog ua los ntawm cov nplooj ntawv uas sib thooj los ntawm hyperlinks. Yuav ua li cas yuav koj tsim koj tus kheej lub website?

1. Siv blogging technology. Ua li cas nws txhais li cas? Zwm npe online thiab tau lub thib ob theem sau npe. Vim li no cov tseem ua tswv ntawm lub site nyob rau hauv ua ntej ntawm lawv cov kev pab thiab tau txais kev nkag mus rau ib tug tshwj xeeb vaj huam sib luag. Nrog kev pab los ntawm nws koj muaj peev xwm hloov ib tug "me nyuam" rau koj los.
2. Tsim los coj kom zoo dua ntawm lub heev heev designers chaw, nyob rau ucoz.ru hom, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net thiab thiaj li nyob. D.
3. Tsim kom tau ib hauv internet pab los ntawm lub CMS, t. E. Cov ntsiab lus Management System.
4. Tsim tus kheej tsim "tus me nyuam" thiab mus recreate nws los ntawm HTML programming lus.

Niaj hnub no, txawm li cas los, rau tsim ib tug siab tau hauj lwm qhov chaw nyob rau hauv HTML yog yuav luag tsis yooj yim sua, tab sis kev paub cov lus, web page layout yuav tau tom hloov cov qauv ntawm cov npaj txhij-ua templates.

Lub constituent ntsiab ntawm web-qhov chaw technology

web technology yog muab faib mus rau hauv lub nram qab no pib kawm:

1. Txawv nyob rau hauv lub genus computer network kev koom tes nrog txhua lwm yam nyob rau hauv TCP / IP raws tu qauv.
2. Web tau ua ib tug ntawm cov Internet ntawv sau npe uas tsim los rau cov loj muab faib rau ntawm ib tug ntau yam ntawm cov ntaub ntawv.
3. Lub web-technology cov ntaub ntawv muaj yog cov nplooj ntawv uas muaj xov xwm cov ntsiab lus (graphics, video, hyperlinks), yog li ntawd koj yuav tsum tau paub yuav ua li cas mus tau ntxig ib tug video nyob rau hauv HTML.
4. Yuav kom hloov ntaub ntawv, hypertext web technology siv cov HTTP raws tu qauv.
5. Yuav kom tsim thiab tsim web pages siv Hypertext Markup Language HTML.
6. Mus saib cov kev pab nyob rau hauv Internet, koj yuav tau siv lub browser.

Txoj kev № 1. Insert xov xwm cov ntsiab lus (video) by HTML5 Tag

Muaj ob peb txoj kev mus tau ntxig video cov ntsiab lus ntawm cov web page. Muaj peb qho kev xaiv: los ntawm inserting HTML, neeg uas ua ntawv los yog YouTube. Ua ntej koj yuav tsum tau tsim ib tug standard HTML5-cov ntaub ntawv uas yuav muaj cov nplooj ntawv yeej thiab ntau subtitles. Tom qab kev kawm, koj muaj peev xwm xaiv ib tug ntawm txoj kev, thiab txaus siab rau qhov kev tshwm sim.

1. Nrhiav ib tug thib peb header thiab ib tug register code cia li hauv qab no nws:
2. Qhib koj lub browser thiab paub tseeb cov tsos ntawm cov video.
3. Nco ntsoov kom teem caij rau txoj kev mus rau lub menyuam.
4. Mus ntxig lub video nyob rau hauv lub HTML yog literate, koj yuav tsum muab faib rau cov video tswj vaj huam sib luag. Nws yog lub luag hauj lwm rau qhov no parameter ntawm lwm yam uas.

Nws yuav tsum muab sau tseg tias cov qauv no yog notable tsis yog rau txhua leej txhua tus. Piv txwv li, nyob rau hauv lub Opera browser ib tug video tawm li no, yuav tsis ua si. Kom tsis txhob no qhov teeb meem, koj yuav tsum tau hloov ib tug video mus rau hauv ib yam ntawm cov Ogg Theora, hloov cov code.

Hloov cov ntaub ntawv los ntawm online-convert.com kev pab cuam. Ces koj yuav tau hloov cov kev cai rau qhov no:

Yog hais tias cov laus browser tsis to taub ib tug tej yam lossis, ces tus code yuav zoo li no.

Cov kev tooj 2. Yuav ua li cas Ntxig Video nyob rau hauv HTML siv cov neeg uas ua ntawv

Video ntsiab lus muab tso rau hauv HTML tsis muaj ntxov ntxov mus download tau video kev pab cuam. Yog li, cov neeg uas ua tau siv ib tsab ntawv mus teem lub yam clip rau ntawm qhov chaw nrog rau cov extension .mp4 los yog .flv. Ua ntej ntawm tag nrho cov, koj yuav tsum tau xaiv ib tug yeeb yam. Ces koj yuav tsum tau xaiv ib tug ntawm cov muaj ntau free players. Xwb, koj siv tau cov Flowplayer.

1. Koj yuav tsum mus download tau cov ntaub ntawv mus rau lub teev neeg uas ua ntawv mus rau lub zos computer.
2. Unzip lawv mus rau ib tug nplaub tshev rau cov generated site.
3. Qhib lub HTML-cov ntaub ntawv thiab txuas lub javascript-cov ntaub ntawv uas ua ntawv mus rau saum toj ua ntaub ntawv thov. Ua li no, koj yuav tsum mus sau npe rau ib tug tshwj xeeb code hauv lub taub hau tag. Tseem ceeb: qhia kom meej qhov tseeb txoj kev mus rau lub nplaub tshev!
4. Nws yog tsim nyog los muab ib tug neeg uas ua ntawv nyob rau hauv lub HTML-cov ntaub ntawv. Ntawm no koj yuav tau zoo zoo teem txoj kev mus rau cov ntaub ntawv. Ces qhia kom meej rau cov chaw uas txwv tsis pub yees duab community launch txiav. Yog hais tias koj xav khiav video "tsis siv neeg", raws li cov kev ntawm cov ntaub ntawv los tshem tawm cov tsis nco qab, nyob ze parenthesis (round) thiab ib tug semicolon.

Qhov no txoj kev yog heev yooj yooj yim thiab intuitive ntxiv video nyob rau hauv HTML. Los ntawm txoj kev, qhov kev xaiv no yog siv los ntawm ntau web-programmers.

Txoj tooj 3. Insert video mus rau hauv HTML Yutuba

Tom qab tsim ib tug preparatory HTML5 cov ntaub ntawv, koj yuav npaj mus ntxig rau ib tug yees duab los ntawm YouTube.

1. Ua ntej koj yuav mus xaiv ib tug yees duab, uas yuav tsum tau nyob rau hauv lub page. Nws yuav tsum tau muab cia rau hauv lub zos computer.
2. Nws yog tsim nyog los mus rau youtube.com. Nws yog tsim nyog los tsim koj tus account los yog teev rau hauv ib tug uas twb muaj lawm ib tug.
3. Tom qab txiav mus rau hauv koj lub web page ntawm YouTube yog yuav tsum tau mus nias lub khawm "Ntxiv Video", ces lub qhov rais yuav raug tso tawm, uas yuav tsum tau hais kom xaiv ib tug cov ntaub ntawv mus download tau. Cov xaiv video yuav thauj khoom tom qab ib pliag.
4. Koj yuav tau nyem rau ntawm qhov link cov ntaub ntawv downloaded, uas yog nyob rau saum.
5. Yuav kom tau txais cov code mus tau ntxig cov video, nias lub "Qhia" thiab "cov HTML-code." Page yuav muab ib tug code uas yog yuav tsum tau. Ntawm no koj yuav hais kom meej tsis xws li: ib tug tus kheej hom, video loj, lub sijhawm los qhia zoo xws li cov ntaub ntawv.
6. Tom qab teem tuaj rau ciaj ciam ntawm lub code yog theej thiab tso rau hauv lub npaj HTML-cov ntaub ntawv.
7. Txhua yam yog npaj txhij. Tam sim no nws yog ib qhov tseeb yuav ua li cas mus tau ntxig video nyob rau hauv HTML los ntawm YouTube.

Yog li ntawd, nws suav hais tias ob peb txoj kev ntawm inserting video mus rau hauv HTML. Uas xaiv - nws yog mus txog rau lub programmer los yog qhov web-site tswv.