Съвет: Хостингът на филми на сървъра ви може да бъде скъп поради разходите за трафик. Ако не искате да се притеснявате за хостинг на видео файлове и искате да привлечете вниманието на огромна аудитория, хостингът на видеоклипа в YouTube и вграждането на връзката в сайта ви е чудесна идея.
Забележка: Не всички от изброените по-долу предложения ще работят за всички браузъри. Уверете се, че решението, което решите да използвате, работи с браузърите, които искате да поддържате.
Примерите по-долу предоставят различни методи, за да направите видео файла видим от прозореца на браузъра. Също така препоръчваме да създадете директна връзка за изтегляне към файла, която позволява на посетителите да изтеглят файла, ако филмът не се възпроизвежда в браузъра. По-долу са дадени два примера за директни връзки за двата видео файла в този документ.
Робот с флопи дисково устройство
HTML код
Робот с флопи дисково устройство
Реклама на IBM Linux
HTML код
Реклама на IBM Linux
Вградете видеоклип в YouTube
Хостингът на видеоклипове в YouTube е страхотен, защото спестява разходи за трафик, може да поддържа много зрители и може също да представя видеоклиповете ви на посетителите на най-популярната страница в интернет. По-долу е даден пример за видеоклип, хостван в YouTube и вграден в този сайт.
HTML код
HTML кодът за всички видеоклипове в YouTube се намира чрез връзката за споделяне, намерена във всеки видеоклип в YouTube. След като кликнете върху връзката Споделяне, кликнете върху връзката за вграждане . По-долу е даден пример за кода, използван за показване на горепосочения видеоклип в YouTube.
Маркер за видеоклип
Тагът е HTML етикет, предназначен да показва видеоклипове във всички съвременни браузъри. Тагът поддържа MP4, Ogg и WebM видео формати и може да се реализира с един HTML етикет.
HTML код
Вашият браузър не поддържа
Основен етикет за вграждане
По-долу е код за най-основния метод за вграждане на файл в уеб страница.
Пример HTML код
В този пример използвате елемента за вграждане, за да сочи към източника на файла с филма, който искате да възпроизведете. Имайте предвид, че това е много основен пример и няма да показва никакви предупреждения или да насочва потребителя към местоположение, за да изтегли приставка, ако видеофайлът не се поддържа.
Добавяне на филмов файл с помощта на img тагове
Ако не искате да използвате маркера, можете да включите и филмов файл с помощта на , както е показано в примера по-долу.
Пример HTML код
Вграждане на маркер за възпроизвеждане на филми QuickTime (.MOV)
Филмните файлове на Apple QuickTime са друг популярен вид филми в интернет. По-долу е даден основен пример за включването на тези файлове във вашата уеб страница.
Забележка: QuickTime вече не се поддържа от Microsoft Windows и всички нови браузъри вече не поддържат този метод за вграждане на QuickTime филми.
Пример HTML код
В горния пример за вграждане първата част от кода сочи към src (източник) на файла с филма, който е самият филмов файл. След това pluginspage е местоположението на приставката, ако посетителят не го инсталира. Ширината и височината са действителните размери на видео файла. Стойността на контролера може да бъде настроена на true или false за превключване на показването на долните контроли.
Съвет: Може да искате да увеличите височината на видео файла, ако не можете да видите контролера.
Loop е настройка, когато искате файлът автоматично да се стартира след приключване. И накрая, автоиграта казва на браузъра да започне или да не започне да възпроизвежда видео файла, след като страницата приключи.
Въведете атрибут за вграждащия маркер, за да посочите приставката
В етикета за вграждане включете атрибута type, за да укажете типа MIME за видео файла. Това ви позволява да укажете плъгина, необходим за възпроизвеждане на видеоклипа в браузъра.
Пример HTML код
В горния пример атрибутът type е настроен на video / x-msvideo, който е MIME тип за AVI видео файлове.
За да определите стойността, която да присвоите на атрибута на типа за други типове видеофайлове, проверете списъка с MIME типове за видеофайлове на страницата IANA Media Types.