Yuav ua li cas hu rau Sina Weibo video thiab qhib nws nrog browser? Web thiab lub vev xaib embed coding tutorials

Yuav ua li cas los tsim ib tug Weibo video accountYouTubeIb yam li hu nws ntawm lwm nplooj ntawv web?

Koj puas xav tias tam sim no cov yeeb yaj kiab Weibo tsis tuaj yeem ua si txhua qhov chaw zoo li YouTube?

Qhov tseeb, qhov no tsis yog cov yeeb yaj kiab Weibo tiag tiag tuaj yeem hu rau lwm nplooj ntawv web, tab sis nws yuav tsum muaj qee qhov kev txawj ntse.

Ua raws li kuv thiab kuv yuav ua koj tus tswv ntawm nws.

Puas yog Weibo video account tiag tiag hu rau txhua qhov chaw xws li YouTube?

Qhov no tsis yog tso dag, Weibo cov yeeb yaj kiab tuaj yeem kos rau ntawm lwm nplooj ntawv web ib yam li YouTube Txawm hais tias nws tsis zoo li YouTube, muaj ntau txoj hauv kev rau koj xaiv.

Raws li txoj kev tshwj xeeb? Koj mam li paub tam sim ntawd!

Txoj Kev 1: Siv cov cuab yeej thib peb

Txawm hais tias Weibo muab cov lej kos, qee zaum koj yuav xav tau lwm yam cuab yeej los pab koj ua tiav txoj haujlwm embedding, tshwj xeeb tshaj yog thaum nplooj ntawv web koj xav embed tsis muaj kev txhawb nqa ncaj qha los ntawm Weibo.

Nov yog ob qhov txiaj ntsig zoo ntawm cov cuab yeej thib peb tau pom zoo -Embed.ly 和 IFramely.

Embed.ly

Lub platform no txhawb nqa yuav luag txhua qhov kev tshaj xov xwm loj, suav nrog Weibo. Kev ua haujlwm kuj tseem yooj yim heev: tsuas yog nkag mus rau qhov txuas ntawm Weibo video hauv keeb kwm yav dhau ntawm Embed.ly, thiab nws yuav tsim cov cai rau koj uas tuaj yeem nkag ncaj qha rau hauv nplooj ntawv web.

IFramely

Ib yam li ntawd, IFramely kuj yog ib qho cuab yeej zoo tshaj plaws uas txhawb nqa kev kos ntawm ntau yam ntsiab lus, thiab Weibo cov yeeb yaj kiab tsis muaj qhov tshwj xeeb. Siv IFramely, koj tsuas yog yuav tsum tau rub tawm URL ntawm Weibo video thiab nws yuav sai sai tsim cov embed code haum rau koj lub vev xaib, uas tsis muaj kev txhawj xeeb heev.

Cov cuab yeej no tuaj yeem tsis tsuas yog pab koj daws qhov teeb meem ntawm Weibo video embedding, tab sis kuj ua kom zoo dua cov txiaj ntsig ntawm cov yees duab ntawm cov khoom siv sib txawv. Hauv lwm lo lus, cov yeeb yaj kiab tuaj yeem ua tau zoo tshaj plaws ntawm ob lub desktop thiab mobile devices.

Txoj Kev 2: Weibo API interface

Yog tias koj muaj qee qhov kev txawj programming, API interface yog qhov cuab yeej zoo rau koj. Weibo tau muab ntau tus API interfaces Los ntawm cov kev sib tshuam no, koj tuaj yeem ntes Weibo cov ntaub ntawv video thiab muab cov yeeb yaj kiab tso rau hauv ib nplooj ntawv web siv cov lus programming xws li JavaScript.

Qhov zoo ntawm API:

• Zoo customizable: Koj tuaj yeem tswj tau tag nrho li cas cov vis dis aus tso tawm los ntawm API, thiab koj tuaj yeem hloov nws txawm li cas los xij koj xav tau.
• Kev txais cov ntaub ntawv: Koj tseem tuaj yeem tau txais cov ntaub ntawv video metadata los ntawm API, xws li playback ntim, nyiam, thiab lwm yam, ua rau koj lub vev xaib nplua nuj.

Txawm li cas los xij, siv API interface yuav tsum muaj qee yam kev txawj ntse. Yog tias koj tsis yog tus programmer, qhov no yuav nyuaj me ntsis, tab sis tsis txhob txhawj, cov ntaub ntawv muab los ntawm Weibo yog cov ncauj lus kom ntxaws heev, thiab txawm tias tus tshiab tshiab tuaj yeem paub qhov txuj ci no tom qab kawm.

Simple API hu ua piv txwv:

Piv txwv tias koj xav kom tau txais Weibo video thiab muab nws tso rau hauv nplooj ntawv web, cov cai yuav zoo li no:

<iframe src="https://api.weibo.com/2/video/show.json?access_token=YOUR_ACCESS_TOKEN&video_id=VIDEO_ID" 
        width="560" height="315" 
        frameborder="0" 
        allowfullscreen></iframe>

Ntawm no koj yuav tsum tau hloov YOUR_ACCESS_TOKEN 和 VIDEO_ID, koj tuaj yeem tso saib Weibo cov yeeb yaj kiab los ntawm API.

Ceev faj

Txawm hais tias Weibo cov yeeb yaj kiab tuaj yeem muab tso rau hauv lwm lub vev xaib, tseem muaj qee cov ntsiab lus uas yuav tsum tau them nyiaj rau hauv kev ua haujlwm tiag tiag.

1. Kev tshuaj xyuas mechanism: Weibo's embed code qee zaum yuav tsum tau tshuaj xyuas, tshwj xeeb tshaj yog rau qee cov yeeb yaj kiab nrov lossis cov ntsiab lus rhiab, uas yuav raug txwv. Yog li ntawd, nws yog qhov zoo tshaj kom paub meej tias cov yees duab tso cai embedding ua ntej siv.

2. Kev Them Nyiaj thiab Kev Pom Zoo: Thaum siv cov cuab yeej thib peb, qee qhov kev tshaj lij yuav xav tau kev them nyiaj lossis ua raws li cov lus pom zoo siv. Tshwj xeeb, kev hu mus rau API interfaces feem ntau muaj kev txwv tus nqi, thiab kev hu nquag tuaj yeem xav tau daim ntawv thov kev tso cai siab heev.

3. Compatibility teeb meem: Weibo's embed code yuav tsis pom zoo rau qee qhov browsers lossis cov khoom siv, tshwj xeeb tshaj yog qee qhov browsers qub. Lub sijhawm no, nws yuav yog qhov kev xaiv zoo los siv cov haujlwm ua haujlwm ntawm cov cuab yeej thib peb.

Code piv txwv rau embedding Weibo yeeb yaj duab rau hauv cov nplooj ntawv web thiab cov websites (pom zoo)

Txhawm rau ua kom yooj yim rau koj nkag siab zoo dua, cia kuv muab koj piv txwv ntawm Weibo embed code:

<iframe src="//weibo.com/tv/show/1034:4902920244625435" 
        width="560" height="315" 
        frameborder="0" 
        allowfullscreen></iframe>

Tsuav koj muab cov lej no tso rau hauv nplooj ntawv web, nws yuav tso saib cov yeeb yaj kiab Weibo!

Tau kawg, qhov no tsuas yog ib qho piv txwv yooj yim hauv kev siv tiag tiag, koj yuav tsum tau hloov kho video ID (liab font) ntawm cov cai saum toj no thiab kho qhov tsis xws li qhov dav thiab qhov siab kom ntseeg tau tias cov yeeb yaj kiab zoo tshaj plaws.

Xaus

Cov yeeb yaj kiab Weibo puas tuaj yeem hu rau lwm nplooj ntawv web zoo li YouTube? Cov lus teb yog yog! Txawm hais tias koj siv Weibo tus kheej embed code, siv cov cuab yeej thib peb, lossis txawm siv API hu, koj tuaj yeem yooj yim embed Weibo cov yeeb yaj kiab rau hauv ib nplooj ntawv web. Technically nyuaj, tab sis tsis yooj yim sua.

Qhov tseem ceeb tshaj plaws, nrhiav txoj hauv kev embedding uas ua haujlwm zoo tshaj rau koj. Txawm hais tias koj yog ib lub vev xaib novice lossis tus kws tshaj lij, muaj kev daws teeb meem rau koj.

mus hais txog

Embedding Weibo yeeb yaj duab yeej tsis nyuaj, tab sis koj yuav tsum xaiv ntau txoj kev raws li koj xav tau. Txawm hais tias nws yog ib qho yooj yim embed code lossis kev hu API siab heev, txhua txoj kev muaj nws qhov zoo. Tus yuam sij yog nrhiav tus uas ua haujlwm rau koj thiab tom qab ntawd siv nws yooj yim.

Tam sim no, sim kos cov yeeb yaj kiab Weibo rau hauv koj lub vev xaib thiab pom cov txiaj ntsig!