Новый плеер!
Как встроить видео и аудио на сайт? Как вставить видео проигрыватель? FLV и MP3 плееры для сайта скачать бесплатно!

← Модель для сборки

← Форум
 FLV-плеер →
Вставка FLV-плеера через JavaScript (SWFObject)

SWFObject — это самое распространенное решение для публикации flash-файлов с помощью JavaScript. От классического способа с помощью HTML, динамический способ публикации через JavaScript имеет серьезные преимущества:
  • можно легко контролировать наличие flash-плеера нужной версии от Adobe на сайте пользователя, а также включать автоматическую экспресс-инсталяцию плеера, если он устарел или его вовсе нет;
  • если произошла ошибка исполнения страницы, у посетителя выключен JavaScript, либо не установлен flash-плеер, вместо флеша можно показывать альтернативный контент;
  • динамический способ публикации устраняет неприятный момент активации flash-роликов кликом мыши в некоторых браузерах (IE Eolas Update);
  • публиковать с помощью SWFObject очень просто.

Пример:

Нужно скачать последнюю версию SWFObject (нужен файл swfobject.js и expressInstall.swf, если вы хотите использовать экспресс-инсталяцию flash-плеера в случае его отсутствия).

Создадим файл html следующего содержания (курсивом указаны примечания):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<html xmlns=http://www.w3.org/1999/xhtml lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<!-- Здесь мы включили в документ SWFObject -->
<script type="text/javascript">
var flashvars = {way:"http://yoursite.com/sample.flv", swf:"http://yoursite.com/uflvplayer.swf", w:"500", h:"375", skin:"greyblack", pic:"http://yoursite.com/sample.jpg", autoplay:"0", tools:"2", q:"0", volume:"70", comment:"Название"};
// Здесь мы перечислили параметры flashvars настройки плеера
var params = {bgcolor:"#FFFFFF", allowFullScreen:"true"}
// Здесь мы указали в параметрах цвет фона flash-ролика
var attributes = {id:"uplayer_flv",name:"uplayer_flv"};
// Здесь мы указали в атрибутах идентификатор и имя объекта в документе
swfobject.embedSWF("http://yoursite.com/uflvplayer.swf", "uplayer_flv", "500", "70", "9.0.0", "http://yoursite.com/expressInstall.swf", flashvars, params, attributes);
// Здесь мы запустили SWFObject для публикации flash-ролика в формате: путь к файлу, id блока для публикации, ширина, высота, минимальная версия flash-плеера, путь к файлу экспресс-инсталяции, flashvars переменные, params параметры, attributes атрибуты
</script>
</head>
<body>
<div id=uplayer_flv>
<a href=http://www.adobe.com/go/getflashplayer>
<img src=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif alt="Get Adobe Flash player" />
</a>

</div>
<!-- Здесь мы создали блок (div), где будет размещен наш плеер (id указывается в строке запуска SWFObject).
Внутри этого блока размещается альтернативный контент, который пользователь увидит, если у него нет flash-плеера или его версия ниже той, которую мы указали в строке запуска SWFObject -->

</body>
</html>

flv-mp3Ссылка на пост (cмотрели 38890)28.12.07 12:41  Ответить
Ваше имя*
 E-mail* (не публикуется)
 Сайт
* Обязательные поля Получить уведомление об ответе по почте
1
Виталий 06.03.08 - 00:20
Спасибо отличное решение )))
2
Ужас онлайн 05.03.10 - 21:49
плеер не плохой но кнопка включения полноэкранного режима уродство, сделайте как на стандартных плеерах, в меню где все кнопки и полоса прокрутки
3
Ян 03.03.11 - 16:14
А мне наоборот нравится
4
Denis 19.05.08 - 22:38
При вставке видео с соотношением сторон 16:9 и задании соответствующих параметров (высота, ширина), при вставке с помощью SWFObject видео сжимается до размеров 4:3 (высота остается заданной, а ширина сжимается)… При вставке обычным образом такой проблемы нет… Нигде не нашел атрибута или переменной, отвечающий за указание соотношения сторон… Помогите плиз.
5
LU 01.07.08 - 22:31
А можете мне объяснить как сделать следующее — у меня сайт на народе а файл на яндексе в Мои файлы ! как всё соеденить что бы работало а то 2 часа и толку ноль((((
6
flv-mp3 02.07.08 - 16:35
На Народе вроде бы запрещено грузить FLV
7
lu 03.07.08 - 01:08
ссылка
ну а всё же как прикрутить файл к плееру?
8
flv-mp3 03.07.08 - 01:10
Нужен нормальный хостинг, тогда все получится.
9
Lu 03.07.08 - 18:02
Ну с всех видео хостов грузица! Просто прикольный плеер жаль что незя ииспользавать его на саите моём)
10
Sqaime 20.07.09 - 03:30
если нельзя размещать то показывайте онлайн и удаленно ссылка
11
Максим 12.04.10 - 15:35
Точно такая же проблема. Т.е. ширина плеера уменьшается пропорционально высоте до соотношения сторон 4:3. Причем наблюдается только в IE8 версии 8.0.76 и выше. Нигде не могу найти решение — может быть разработчики подскажут что-нибудь?
12
Юрий 11.08.08 - 01:52
А что если на странице нужно разместить несколько разных роликов?
13
Эдуард. 25.01.09 - 23:39
Так как моя идея основанна на вашем плеере. Сначала объясню в общих чертах. У меня достаточно большие видеоролики от 200 мб и выше. Просматривать их в инете, то есть включенным в интеренет, достаточно трудно, зависает (останавливается на подкачку), у многих моих друзей скорость желает лучшего. многие еще через прокси работают. В общем проблем пока много.
Так вот идея следующая, возможно она в инете давно решена, (но я начинающий, чуть продвинутый чайник). Поэтому прошу помощи. Так вот у себя на компе без подключения к инету, создать папку с вашим скриптом на плеер и с видеороликом. Затем сделать сжатие через винрар и загрузить этот файл на хостинг в инете. Ну а ссылку на файл отправить емайл-письмом. Смысл всего этого — что бы мой друг мог скачать этот файл с инета, отключится от инете, распаковать файл и уже без включенного инете смотреть видео. Я не спец в этом, но мне кажется это будет намного быстрее и выгоднее для нас. так как очень дорого пока выходит стоимость инете.

если это возможно, не могли бы вы подсказать как это сделать. Если же нет времени, дайте хоть наводку. кто может подсказать.
заранее благодарю, Эдуард
14
Ы 20.03.09 - 09:29
Ты написал полный бред, забудь эту идею, все гораздо проще…..
15
ledik 20.03.09 - 13:00
твоя писанина ни чем не лучше. Ни здрасте ни доствидания, ни каких подтверждений своих слов, хороша подсказка. лучше бы вообще молчал.
16
hehehe 26.03.09 - 01:32
winrar видео не сжимает , видео уже сжато
17
webmaster 09.05.09 - 18:59
ребята — все я переписал под себя, на сайте все одно видео не играет — пустота там на сайте моем. я вообще не понимаю как его вообще, туда на сайт, видео вставить.файл хтмл тоже под себя написал все без полезно…
18
nikro 15.08.09 - 23:27
классный плеер но не хватает полноэкранного режима
19
vladimiriluhin 02.11.09 - 22:01
В правом верхнем углу кружочек. Щёлкнув по нему, войдёте в полноэкранный режим.
20
виктор 26.01.10 - 00:23
такая проблема. все это прописываю на страничке с правильными именами и путями, но не работает видео не грузиться( и окно плеера не показывается только логотип Адоба. что делать помогите
21
admin 27.01.10 - 00:29
Попробуйте воспользоваться новой версией плеера ссылка
22
Евгений 11.03.10 - 21:08
Здрасте всем!
Расскажите мне плиз..я нуб немного..ничо не получается..я скачал файл swfobject.js и expressInstall.swf .Куда их сувать? ) Затем, что надо поменять в скрипте данном?
Видео сконвертил в Flv..разместил на сайте..белый экран и все..когда прсоматриваешь страницу — пишут что видео не загружено..хотя видео залил на хостинг(sweb),
23
Евгений 11.03.10 - 21:23
пасиба) уже разобрался) через караганду правда) но все равно)
всем спасибо) удачи
24
Максим 26.03.10 - 16:56
Скачать фильмы бесплатно в формате flv на: ссылка
25
assa 23.04.10 - 13:35
Как поставить плеер в DLE
1.в корне сайта /file/ заливаем файлик скачаный с этого сайта uflvplayer_500x375.swf
2.путь указываем ссылка САЙТ/templates/file/uflvplayer_500x375.swf
3.заливать видео и скрин в плеер в туже папку /file/ пример ссылка
4.у меня он выглядит так ссылка
26
Антон 26.08.11 - 08:44

Заливаю .swf файл в корень сайта — на странице плеер и видео проигрывается, всё путём!

Заливаю .flw файл в корень сайта, указываю к нему путь в редакторе — чёрный квадрат!

Чё делать?????
27
Максим 18.05.10 - 10:11
Здравствуйте подскажите пожалуйста можно в ваш плеер добавлять ссылки с сайта видео ссылка и зашифровать ссылку у меня создан сайт в юкоз зарание спасибо
28
Егор 19.11.10 - 00:28
можете с моего сайта добавлять,смотрите исходный код страницы,там прямая ссылка на флв ссылка
29
Night Wolf 23.08.11 - 11:55
ой врете Егор ссылка он же ссылка мой сайт и всегда им был swf там от платного зашифрованного плеера
RSS RSS темы FLV-плеер / RSS комментариев     U Forum 0.1 ()