У овом водичу ћу вас научити како уметнути ИоуТубе видео на своју веб страницу која се аутоматски покреће при учитавању странице и нема звук. За ово ћемо користити АПИ који обезбеђује Иоутбе. Морат ћемо написати код у ЈаваСцрипт -у, заправо врло мало, почнимо.
Корак 1
Прво што треба да наставимо је идентификатор видео записа који желимо да поставимо. За ово улазимо на ИоуТубе и тражимо жељени видео, ИД овог ће доћи из в = унутар УРЛ -а, на следећој слици показујем вам пример:
Сада можемо додати скрипту на нашу страницу, испод објашњавам неке детаље које треба узети у обзир.
Корак 2
Потребан нам је простор у нашем ХТМЛ -у где да додамо плејер, за то користимо див, то упутство у коду је ово (ид је неопходан за функцију коју користимо из АПИ -ја):
Корак 3
ИоуТубе АПИ повезујемо са својом страницом, за то пишемо следеће упутство:
Имајте на уму да је ово асинхроно оптерећење.
Корак 4
Додамо неке ознаке скрипте (на крају самог тела), у њима ћемо креирати функцију онИоуТубеИфрамеАПИРеади (). Назив функције морате оставити овако. Унутар ове функције конфигурират ћемо ширину, висину плаиера, ИД видеа и још неке карактеристике.
[цолор = # а9а9а9] Код са ИоуТубе АПИ -јем [/ цолор]
Неки увиди
- Мора се унети ИД видео записа видеоИд.
- За аутоматско покретање се користи аутоматско покретање, 1 ће бити да почиње сам, ако ставите 0 неће.
- Да бисте је утишали, у области догађаја се користи следећа функција:
онРеади: фунцтион (е) {е.таргет.муте (); }Такође можете да конфигуришете колико се пута видео запис понавља (петља), ако су приказане контроле, попут репродукције, јачине звука итд.
Ево комплетног кода:
Када отворите датотеку која има горњи код, плејер ће се појавити, као што се види на следећој слици:ЕНЛАРГЕ
У случају да желите код, остављам вам поштански број:
видеоИоутубе.зип 533 бајта 245 преузимања