Thursday, 20/7/2017 | 11:50 UTC+4

Удаление кнопок и зациклить видео на сайте

Эта статья предназначена для тех веб-программистов, которые уже умеют выкладывать видеоролики на страницах сайта, знают как это делать, но не могут решить дизайнерскую задачу по удалению кнопок управления с видео и хотят зациклить ролик, чтобы видео игралось по кругу, то есть постоянно.

Этого можно достигнуть двумя способами. Во-первых, если преобразовать видеоролик в gif-анимацию путем импортирования видео в слои программы Photoshop.

1

Недостатком этого метода является то, что большой фрагмент видео будет преобразовываться достаточно долго и может даже вызвать зависание компьютера на слабых и средних машинах. Еще одним недостатком можно назвать то, что слоев получается очень много. Таким образом, этот метод приемлем для коротких фрагментов видео, не более полминуты.

Второй способ, более трудоемкий, но позволяющий работать с большими по объему видео-роликами. Допустим, что вы уже создали и разместили на сайте видео фрагмент или несколько.

2

Значит, у вас на сайте, скорее всего, в корневом каталоге лежит файл проигрывателя с расширением .swf, в папке с видео лежит сам видеофайл в формате .flv и файл стилей с таким же расширением .swf, от которого зависит оформление и размещение кнопок управления проигрывателя.

На странице сайта в нужном месте у вас прописан следующий код:

<object classid=»clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=»http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0″ width=»320″ height=»260″ id=»FLVPlayer»>

<param name=»movie» value=»flvplay.swf» />

<param name=»salign» value=»lt» />

<param name=»quality» value=»high» />

<param name=»scale» value=»noscale» />

<param name=»FlashVars» value=»&MM_ComponentVersion=1&skinName=video/standard_style3&streamName=videoII/
Kupola&autoPlay=false&autoRewind=true» />

<embed src=»flvplay.swf» flashvars=»&MM_ComponentVersion=1&skinName=video/standard_style3&&streamName=videoII/
Kupola&autoPlay=false&autoRewind=true» quality=»high» scale=»noscale» width=»320″ height=»260″ name=»FLVPlayer» salign=»LT» type=»application/x-shockwave-flash» pluginspage=»http://www.macromedia.com/go/getflashplayer» />

</object>

Здесь прописаны пути к перечисленным файлам и обозначены параметры видео. Попробуем убрать кнопки с лица В.Высоцкого.

Для этого открываем файл стилей в программе Sotnik SWF Quicker или аналогичной, работающей с данными расширениями.

3

Удаляем кнопкой Delete на клавиатуре все кнопки управления, предварительно выделив их поочередно левой кнопкой мыши.

4

Заходим в меню Файл, выбираем (ни сохранение, ни импорт), а экспорт файла

5

с последующей заменой старого файла стилей на новый.

6

Открываем страницу сайта и видим, что кнопки исчезли (здесь приведен пример с другого сайта про слонов в цирке).

7

Далее, наблюдаем парадокс при котором видео играет автоматом даже если параметр autoРlay=false, еще один парадокс в том, что, проиграв до конца ролик останавливается на первом кадре даже если параметр autoRewind=true.

Ну, что ж, где наша не пропадала, и мы попытаемся зациклить видео для того, чтобы оно играло без перерыва, так сказать, по кругу. Для этого прибегаем к иностранной литературе, так как на наших форумах, не в обиду будет сказано, найти что либо достаточно трудно. Помогла одна статейка на английском, из которой следовало, что для зацикливания видео на сайте, файл видеоролика нужно преобразовать из flv-формата в swf-формат (третий парадокс). Для этого открываем файл видеоролика все той же программой Sothink SWF Quicker, но не напрямую, а импортируя,

8

а после, чтобы преобразовываем в формат .swf с помощью экспорта файла, с которым мы уже знакомы.

В коде следует поменять файл проигрывателя с расширением .swf на вновь созданный видео файл с расширением .swf. Надеюсь, Вы поняли, что если в начале статьи видео с расширением .flv проигрывалось посредством проигрывателя .swf и файла стилей, то теперь оно играется напрямую. Казалось бы, что если пропустить часть данной статьи об удалении кнопок, а приступить сразу к зацикливанию, то результат будет таким же бесконечным и зацикленным. Попробуйте, чтобы убедиться, но хочу предупредить, что веб-программирование полно парадоксов и потому иногда лучше выбрать трудный путь.

В любом случае, результат полученный описанным способом можете увидеть на сайте www.vupus.elitno.net в разделе Портфолио, где достигнут эффект вечного пламени с телефоном. Код этого видео файла такой:
<object classid=»clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=»640″ height=»480″ id=»fp» align=»middle»><param name=»allowScriptAccess» value=»sameDomain» /><param name=»movie» value=»fire.swf?video=fire.swf&image=&title=»#» /><param name=»quality» value=»high» /><param name=»bgcolor» value=»#000000″ /><embed src=»fire.swf?video=fire.swf&image=.jpg&title=» quality=»high» bgcolor=»#000000″ width=»640″ height=»480″ name=»fp» align=»middle» allowScriptAccess=»sameDomain» type=»application/x-shockwave-flash» pluginspage=»http://www.macromedia.com/go/getflashplayer» /></object>

About