Редактирование 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 пикселей.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

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

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

Добрый день, подскажите пожалуйста как открыть две картинки как слои в одном окне в версии CS4?
Looking for a zanaflex? Not a problem! Guaranteed Worldwide Shipping Discreet Package Low Prices 24/7/365 Customer Support 100% Satisfaction...
Looking for a wellbutrin? Not a problem! Guaranteed Worldwide Shipping Discreet Package Low Prices 24/7/365 Customer Support 100% Satisfaction...
Looking for a cephalexin? Not a problem! Guaranteed Worldwide Shipping Discreet Package Low Prices 24/7/365 Customer Support 100% Satisfaction...