Како уметнути филм или видео у ХТМЛ документ

Филм можете уградити у ХТМЛ документ користећи примјере испод. За компатибилност, препоручујемо вам да користите МП4 видео формат, који подржавају сви главни претраживачи и оперативни системи.

Савет: Хостинг филмова на серверу може бити скуп, због трошкова пропусног опсега. Ако не желите да бринете о хостовању видео датотека и желите да привучете пажњу огромне публике, хостовање видео снимка на ИоуТубе-у и уграђивање везе на ваш сајт је одлична идеја.

Напомена: Неће све од следећих предлога да раде за све прегледаче. Уверите се да решење које одлучите да користите ради са прегледачима које желите да подржите.

Примери у наставку дају различите методе за приказ видео датотеке из прозора претраживача. Такође препоручујемо да креирате директну везу за преузимање датотеке, која омогућава посетиоцима да преузму датотеку ако се филм не репродукује у прегледачу. У наставку су два примера директних веза за два видео фајла у овом документу.

Робот за дискетни погон

ХТМЛ цоде

 Робот за дискетни погон 

ИБМ Линук реклама

ХТМЛ цоде

 ИБМ Линук реклама 

Уградите ИоуТубе видео

Хостинг видео снимака на ИоуТубе-у је одличан јер штеди на трошковима пропусног опсега, може подржати много гледалаца, а може и представити ваше видео снимке посетиоцима најпопуларније странице на Интернету. У наставку је примјер видеозаписа хостираног на услузи ИоуТубе и уграђеног на ову веб-локацију.

ХТМЛ цоде

ХТМЛ код за све ИоуТубе видео снимке налази се преко везе за дељење на сваком ИоуТубе видео снимку. Када кликнете на везу Схаре (Дељење ), кликните на везу Ембед (Угради ). У наставку је приказан код који се користи за приказивање горе наведеног ИоуТубе видеа.

Видео таг

Ознака је ХТМЛ ознака дизајнирана за приказивање видеа у свим модерним прегледницима. Ознака подржава МП4, Огг и ВебМ видео формате и може се имплементирати с једним ХТМЛ тагом.

ХТМЛ цоде

 Ваш претраживач не подржава 

Басиц ембед таг

Испод је код за најосновнији начин уградње датотеке у веб страницу.

Пример ХТМЛ кода

У овом примеру, користите елемент уградње да бисте указали на извор датотеке филма коју желите да репродукујете. Имајте на уму, ово је веома једноставан пример и неће приказати никаква упозорења нити упутити корисника на локацију да би се инсталирао плуг-ин ако видео датотека није подржана.

Додајте филмску датотеку користећи имг таг

Ако не желите да користите таг, можете укључити и филмску датотеку користећи као што је приказано у доњем примеру.

Пример ХТМЛ кода

Уградите ознаку за репродукцију КуицкТиме филмова (.МОВ)

Филмске датотеке Аппле КуицкТиме су још једна популарна врста филма на Интернету. Испод је основни пример како да се ове датотеке укључе у вашу веб страницу.

Напомена: КуицкТиме више није подржан у оперативном систему Мицрософт Виндовс и сви нови претраживачи више не подржавају овај начин уграђивања КуицкТиме филмова.

Пример ХТМЛ кода

У горњем примеру уградње, први део кода указује на срц (извор) датотеке филма, која је сама филмска датотека. Затим, плугинспаге је локација додатка ако га посетилац не инсталира. Ширина и висина су стварне димензије видео датотеке. Вредност контролера може бити подешена на труе или фалсе да би се укључило приказивање доњих контрола.

Савет: Можда желите да повећате висину видео датотеке ако не видите контролер.

Петља је поставка када желите да се датотека аутоматски покреће када се заврши. Коначно, аутоматска репродукција каже претраживачу да покрене или не започне репродукцију видео датотеке након што се страница заврши учитавање.

Упишите атрибут за ознаку уградње да бисте навели додатак

У ознаку уградње укључите атрибут типе да бисте навели МИМЕ тип за видео датотеку. На тај начин можете одредити додатак потребан за репродукцију видеозаписа у прегледнику.

Пример ХТМЛ кода

У горњем примеру, атрибут типе је постављен на видео / к-мсвидео, што је МИМЕ тип за АВИ видео датотеке.

Да бисте одредили вредност која се додељује атрибуту типа за друге типове видео датотека, проверите листу МИМЕ типова за видео датотеке на страници ИАНА Медиа Типес.