Редактирование HTML кода видеоплеера

Вопрос: 

Здравствуйте! Мне очень понравился ваш сайт своей информативностью и доходчивостью изложения материала за что вам большое спасибо!
Но у меня возник вопрос по поводу видеоплеера jwplayer. Я смогла установить на сайт только HTML-код, отображенный на странице "Проигрыватель видео для сайта" (второй вариант), поскольку Java-скрипт у меня на странице не поддерживается. Всё работает и всё замечательно.
Но теперь ломаю голову как правильно прописать в этом коде: автозапуск видеофайла и фоновую картинку на плеер, отображающуюся до воспроизведения и после. Помогите, пожалуйста.

С уважением, Александра.

Ответ: 

Здравствуйте, Александра. Спасибо за комплименты моему сайту ))) Про настройки проигрывателя можно почитать здесь.

Конкретно по Вашему вопросу:

Для того, чтобы сделать автозапуск видео, в теге embed в свойстве flashvars следует прописать параметр (через разделитель-амперсанд) autostart со значением true. Пример кода:

1
2
3
4
5
<embed
...
flashvars='file=http://MuSite/videoplayer/player.swf&autostart=true'
...
/>

Для вставки фоновой картинки надо там же вставить параметр image с адресом картинки:

1
2
3
4
5
<embed
...
flashvars='file=http://MuSite/videoplayer/player.swf&image=http://MuSite/images/image.jpg'
...
/>

Целиком код будет выглядеть так, параметры для автозапуска и заставки видео в строке 18:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='360' height='240' id='single1' name='single1'>
<param name='movie' value='http://www.MySite.ru/videoplayer/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://www.MySite.ru/videoplayer/videoclips/MyClips.flv'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='http://www.MySite.ru/videoplayer/player.swf'
width='360'
height='240'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://www.MySite.ru/videoplayer/videoclips/MyClips.flv&image=http://MuSite/images/image.jpg&autostart=true'
/>
</object>

Давайте ниже посмотрим на практические примеры.

Видеоплеер с фоновой картинкой
Картинку я взял вот эту.

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

Непрерывное воспроизведение
На всякий случай, добавлю, что для непрерывного воспроизведения видеоролика в коде плеера там же надо вставить параметр repeat=single. Вот пример ролика с автозапуском и непрерывным воспроизведением:

Примечание. Следует помнить, что для корректного отображения фоновой картинки надо отнять от её высоты высоту нижнего тублара плеера. Так, например, в данном случае размер окна плеера 360 на 240 пикселей, высота тулбара 16. Значит, ширину картинки я оставлю 360, а высоту делаю 240 минус 16 пикселей.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Поддержите проект, переведите небольшую сумму на оплату серверов и чашечку кофе автору сайта! Спасибо.
Перейти на страницу помощи

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

к сожалению, я плохо владею фотошопом. И появилась проблема: размер изображения в фотошопе 21 на 14,реальный размер и пр.21на 14 А на самом деле 15...
Здравствуйте, скажите пожалуйста, можно ли применить выделение, например овала, (инструмент овал М)сразу к нескольким слоям? Вот например, я накидал...
ак сохранить рабочую среду Photoshop для дальнейшего использования
Здравствуйте! В материале "Управление и сохранение рабочих сред в Photoshop CS6" у Вас рассказывается, как сохранить рабочую среду в программе...
Как поставить направляющие в Photoshop
Расскажите пожалуйста, как в открытой в Photoshop фотографии поставить синенькие линии, он вроде называются направляющие. А то я в прошлый раз их...