<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Как вставить видео на сайт

Как вставить видео на сайт

Почему-то у многих новичков часто возникает вопрос: "Как вставить видео на сайт?". И я решил написать об этом небольшую статью, чтобы ответить на их вопрос.

Начнём с того, что существует два способа вставки видео на сайт: с видеосервиса (например, с Youtube, Rutube и других) и просто с обычного видеофайла, который может располагаться на любом сайте.

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

<h1 align="center">Лучшее видео недели!</h1>
<br />
<p style="text-align: center;">
  <object width="470" height="353">
    <param name="movie" value="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e">
    <param name="wmode" value="window">
    <param name="allowFullScreen" value="true">
    <embed src="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e" type="application/x-shockwave-flash" wmode="window" allowfullscreen="true" width="470" height="353">
  </object>
</p>

Тут всё просто, и Вам совсем не надо разбираться, что там понаписано.

А вот второй способ немного сложнее. Тут Вам потребуется скрипт плеера, который будет Ваше видео проигрывать, и SWF-файл плеера. Существует много различных плееров, но мне понравился FlowPlayer (скачать FlowPlayer). Теперь посмотрим, как его установить и как с его помощью добавить видео на сайт.

Первым делом разархивируйте архив на Ваш сайт, например, в папку "flowplayer". Далее Вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку:

<script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script>

После этого на странице нужно добавить такие строки:

<a href="путь_к_вашему_видео" style="display: block; width: 500px; height: 400px;" id="player"></a>
<script language="JavaScript">
  flowplayer("player", {src : "http://адрес_вашего_сайта/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"});
</script>

Вот и всё! Видео успешно добавлено на Ваш сайт. И Вы теперь не зависите от работоспособности видеохостингов, а зависите только от работоспособности Вашего сайта. Более того, никакой посторонней рекламы видеохостингов Ваши пользователи не увидят. Однако, в этом способе добавления видео есть один серьёзный минус: ОЧЕНЬ большая нагрузка на сервер. Если это видео смотрит 5 человек в день, то проблем не будет, а если смотрят 20 человек одновременно, то ничего кроме злости Вашего посетители не испытают. Но выход из этого положения есть: использовать сторонный сервис хранения файлов, например, Amazon S3, о котором я расскажу в одной из следующих статей, так что не переключайтесь.

Если Вы хотите узнать больше по HTML, то посмотрите бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (231):

XAXATyH2007 XAXATyH2007 16.03.2011 03:10:13

Не пойму 2 способ делаю музыка вроде есть а не видно клипа. Белый экран

Ответить

Admin Admin 16.03.2011 08:34:15

Покажите код, как Вы вставляете клип.

Ответить

XAXATyH2007 XAXATyH2007 16.03.2011 16:50:11

Миша подскажи как поставить два клипа рядом чтоб стояли. У меня вот так тока получаеться http://mywork.hdd1.ru/

Ответить

Admin Admin 16.03.2011 21:30:32

http://mywork.hdd1.ru/ - недоступен.

Ответить

XAXATyH2007 XAXATyH2007 16.03.2011 05:40:51

Мишаня помогай ни могу ни как?

Ответить

alexandrdante alexandrdante 16.11.2013 03:06:01

http://mywork.hdd1.ru/ - недоступен.

Ответить

Bizmatek Bizmatek 31.03.2011 10:24:50

Доброго Вам времени суток. у меня возникла проблема при вставке видео на сайт вторым указанным вами способом: при вставке .avi файла в окне плеера выдается ошибка: 200, Stream not found, NetStream.Play.StreamNotFound, clip: '[Clip] 'http://test/1.avi'' при конвертации этого же файла в формат .swf появляется другая ошибка: 303: Failed to load a resource: Unable to load resources: Error #2035 файл в этой директории присутствует, код переписан с Вашей страницы точно, в чем может быть проблемма? P.S. HTML я только начал изучать, javaScript не знаю совсем, так что прошу прощения если вопрос показался глупым...

Ответить

Admin Admin 31.03.2011 11:23:00

Файл avi невозможно проиграть вообще, так как оно не является потоковым, поэтому надо переконвертировать его либо в mp4, либо в flv.

Ответить

razo razo 22.04.2011 22:56:11

привет как сохранить avi на flv,например пользователь добавил видео в формате avi как менять на flv в сервере

Ответить

Admin Admin 23.04.2011 10:55:34

Задача эта достаточно сложная. Стандартных средств PHP здесь недостаточно, поэтому нужно: 1. Приложение, которое занимается конвертацией. 2. Доп. библиотека для PHP, которая будет "воротами" между PHP и этим приложением. Самым лучшим вариантом будет ffmpeg (http://www.ffmpeg.org). Попробуйте его установить, но если не получится, то на днях я напишу об этом статью (установка ffmpeg на Denwer), потому что дело это не самое простое и нуждается в некоторых подробностях.

Ответить

razo razo 23.04.2011 14:50:12

с нетерпением буду ждать вашу статью про ffmpeg, я попробовал ffmpeg но не получается,а где вы будете написать это?

Ответить

Admin Admin 23.04.2011 14:59:55

Писать я это буду в PHP, поэтому можете подписаться на обновления у себя в профиле. Будут две статьи: одна вступительная про ffmpeg, а вторая про его установку на Denwer. Одна появится сегодня ближе к вечеру, вторая либо завтра, либо послезавтра.

Ответить

Мила Мила 16.11.2013 02:59:56

так ошибка может быть в формате видео?

Ответить

alexandrdante alexandrdante 16.11.2013 03:16:47

как правило - нет. подробнсоти про форматы видеофайлов и остального я вам разъяснять не буду. скажу лишь,что для того,чтобы у вас всё аккуратно и красиво было - используйте видео в формате flv или mp4,так как данные типы видеофайлов являются потоковыми. С другими могут возникнуть проблемы при отсутствии нужных плагинов в браузере того,кто попытается просмотреть. Насколько я помню, flowplayer не поддерживает воспроизведение видео формата wmv. Ваш сайт,если это он,http://aistogukhb.ucoz.net построен на системе ucoz Насколько я помню там в редакторе пи добавлении новости или статьи,есть кнопочка:Вставить медиа-контен(сейчас может называться иначе). Вам следует вставлять видео через неё.

Ответить

Мила Мила 16.11.2013 15:30:12

Спасибо, все получилось, я бесконечно рада, потому, что именно это у меня лодго не получалось

Ответить

Bizmatek Bizmatek 31.03.2011 11:34:00

Большое спасибо за оперативный ответ. конвертировал в .flv - все заработало:)

Ответить

razo razo 23.04.2011 19:29:37

а можете помочь,фильтр диалога открыть когда пользователь нажмет на "обзор" для загрузки файла,там только будет доступно .mp3

Ответить

Admin Admin 23.04.2011 19:32:54

Такое простыми путями не реализовать. Это нужно делать через Flash.

Ответить

Admin Admin 23.04.2011 19:37:48

Со мной можно связаться только через E-mail, либо через комментарии. 30 апреля так же будет открыт форум.

Ответить

razo razo 23.04.2011 19:39:11

можете помочь в етом деле?<<а можете помочь,фильтр диалога открыть когда пользователь нажмет на "обзор" для загрузки файла,там только будет доступно .mp3>> или может уже есть такой статья в етом сайте?

Ответить

Admin Admin 23.04.2011 19:44:12

Это Flash, а о нём я не пишу вообще. Может быть в будущем, но далеко не в ближайшем.

Ответить

razo razo 23.04.2011 19:48:44

для етого не нужно флеш с php все уладится просто не знаю как

Ответить

Admin Admin 23.04.2011 19:51:47

Тогда я не понял вопрос. Вам нужно, чтобы у пользователя в форме "Обзор" был фильтр, чтобы показывались только mp3. Либо Вам нужно, чтобы пользователь мог вставить всё, что угодно, но на сервере делалась проверка на то, что это mp3. Если первый вариант, то без Flash никак, если второй вариант, то Flash не нужен, и эта задача достаточно просто решается с помощью PHP.

Ответить

razo razo 23.04.2011 19:56:21

я имел веду 1 вариант я нашел один скрипт там об этом и написано но нечего не понимаю оттуда,а второй вариант вы имейте веду preg_match?

Ответить

Admin Admin 23.04.2011 19:58:43

Покажите скрипт. Потому что я ещё раз повторяю, невозможно сделать подобное (если я правильно понял), тем более с помощью PHP - это серверный язык, а Вы говорите про клиентскую часть. Во втором варианте preg_match() не нужен, а нужны обычные средства PHP, позволяющие проверить, какой тип имеет файл.

Ответить

razo razo 23.04.2011 20:00:05

можете отправить второй вариант на мой маил или сюда

Ответить

Admin Admin 23.04.2011 20:02:39

Второй вариант был рассмотрен здесь: http://myrusakov.ru/php-loadserver-security.html Только там была проверка на то, что загружаемый файл - это jpg-файл.

Ответить

razo razo 23.04.2011 20:06:06

image знаю как проверить а mp3 файл как ето не знаю,может так audio/mp3 типа такое?

Ответить

Admin Admin 23.04.2011 20:09:18

Нет. MIME-type для mp3 будет "audio/mpeg".

Ответить

razo razo 23.04.2011 20:11:35

а audio/mpeg только mp3 читает или другие форматы тоже?

Ответить

Admin Admin 23.04.2011 20:16:24

audio/mpeg - только для mp3. Для других - другие mime-type. Например, для wav - audio/x-wav, для mid (midi) - audio/midi.

Ответить

razo razo 23.04.2011 20:29:33

да не плохо все что связывается с картинками я знаю а вот mp3 не знал,таким случим можно и видео сперва проверить потом потом пустить сервере, а насчет конвертера что нибудь получается?

Ответить

Admin Admin 23.04.2011 20:32:34

С конвертером всё нормально. Первая статья уже появилась. Вторую ждите.

Ответить

razo razo 23.04.2011 20:33:53

как ето почему на маил не пришел?

Ответить

Admin Admin 23.04.2011 20:36:53

Поскольку всё это автоматизировано и так как нельзя отправлять сразу сотни e-mail за раз (они просто не дойдут), то уведомления отправляются небольшими партиями через заданные промежутки времени. Алгоритм достаточно сложный, но зато письма доходят. Минус - небольшие задержки. Зависит от количества отсылаемых писем, но, как правило, не занимает больше часа.

Ответить

razo razo 23.04.2011 20:38:18

а можете прямо сюда отправить ссилка первый урок

Ответить

Admin Admin 23.04.2011 20:39:12

http://myrusakov.ru/php-ffmpeg.html

Ответить

spzhncv spzhncv 31.05.2011 09:25:47

Какой формат видео файла должен быть. У меня файл WMV не показывается.

Ответить

Admin Admin 31.05.2011 10:16:17

Видео должно быть потоковым. Например, swf, flv, mp4.

Ответить

spzhncv spzhncv 01.06.2011 03:54:00

Переформатировал в формат mp4 - результат тотже. Может проблема в WordPress?

Ответить

Admin Admin 01.06.2011 10:31:30

Попробуйте в flv.

Ответить

kanisterka kanisterka 09.06.2011 19:06:20

а как сделать чтоб когда заходиш на страницу плеер сразу не включался??? а только после нажатия кнопки плей??

Ответить

Admin Admin 09.06.2011 20:46:20

Вот такой код надо использовать: <script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script>

Ответить

Trust Trust 12.11.2011 10:46:56

Как сделать так чтоб на сайт призагрузке видео автоматически конвертировалось в flv ? И соответственно чтоб плеер был динамически используемым, чтоб я закачал видео и мог посомтреть его же именно этим плеером, а не только то видео в которое я подставил адрес в самом плееере ! у меня есть мысль на счет метода $_POST , но вот как это сделать динамичеси чтоб подходило под все видео не знаю...прошу помощи...

Ответить

Admin Admin 12.11.2011 12:30:45

Насчёт динамической смены адресов подойдёт PHP и в отдельных случаях JavaScript. Изучайте эти языки, и вопросы автоматически исчезнут. Что касается конвертации в flv, то это посложнее будет. Почитайте статью вот здесь: http://myrusakov.ru/php-avi-flv-ffmpeg.html

Ответить

Trust Trust 12.11.2011 13:31:31

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

Ответить

Admin Admin 12.11.2011 13:52:30

JavaScript - вот что потребуется. Если Вы его знаете, то вопрос сам собой разрешится. Если нет, то изучайте этот язык. Писать подобный скрипт (если знаете как писать) что-то около 1-2 часов.

Ответить

VladHeadson VladHeadson 08.12.2011 11:48:00

Здравствуйте. у меня возникла проблема при вставке видео на сайт вторым указанным вами способом: при вставке .flv файла в окне плеера выдается ошибка: 200, Stream not found, NetStream.Play.StreamNotFound. Файл в этой директории присутствует, код переписан с Вашей страницы точно, в чем может быть проблемма?

Ответить

Admin Admin 08.12.2011 18:25:45

Значит, не точно переписали, поскольку ошибка очевидна: по указанному пути файла нет. Покажите, как Вы вставляете видео.

Ответить

VladHeadson VladHeadson 09.12.2011 16:19:53

Переписал то я точно. Как выяснилось ошибка возникает при попытке стартовать страницу с видео непосредственно на локальной машине, или с MS IIS. А при загрузке с apache - всё отработало штатно.

Ответить

arq12 arq12 15.12.2011 18:13:03

Помогите новичку. Изучаю как вставить видео с работающего сайта. Как на странице создать виртуальную директорию(папку). Как в http://www.interspecsklad.com.ua/ http://www.interspecsklad.com.ua/video/

Ответить

Admin Admin 15.12.2011 18:17:25

Создаёте папку на хостинге в корне сайта (как правило, это папка public_html или www), которую называете, например, "video". Туда помещаете разные файлы (только не index). Тогда эта папка будет доступна по адресу: http://адрес_сайта/video, и сразу будет открываться список всех файлов в директории.

Ответить

arq12 arq12 15.12.2011 23:37:24

Денвер у меня установлен.В папке www - мой сайт. Он работает.С другого сайта вставил в него видео. Все работает, но видео работая используетпрограммы видео и настройки другого сайта.Другой сайр это http://www.interspecsklad.com.ua/video/. Захожу в папку video, внутри читаю: Index of /video *Parent Directoru и так далее.Просматриваю исходный код папки, а это HTML страница. Что это?и как такое создается? Заранее благодарен за помощь.

Ответить

Admin Admin 15.12.2011 23:53:21

Чтобы это понять, создайте внутри папки www папку "myfolder". Закиньте в эту папку файлы с такими именами: "a.mp3", "b.txt". Теперь перейдите по адресу: http://название_хоста/myfolder И Вы увидите как раз Index of и так далее.

Ответить

arq12 arq12 20.12.2011 00:20:59

Ответ на второй вопрос понятен. А вот первый вопрос - если папка "video" уже создана например на сайте http://www.koernergabelstapler.de/video/ Как в таком случае посмотреть на список файлов и директорий внутри папки"video" Заранее благодарен Александр.

Ответить

Admin Admin 20.12.2011 09:13:27

http://www.koernergabelstapler.de/video/ - перейти по этому адресу. Если не получается увидеть содержимое директории, то, значит, нельзя.

Ответить

arq12 arq12 20.12.2011 15:06:20

Окольными путями я вышел на программу http://www.koernergabelstapler.de/artison.swf Можно ли скопировать файл artison.swf к себе в компьютер, чтобы потом посмотреть его. С уважением Александр

Ответить

Admin Admin 20.12.2011 15:09:11

Откройте этот файл в браузере и через меню выберите "Сохранить как".

Ответить

arq12 arq12 20.12.2011 15:51:54

К сожалению не получается у меня - файл этот это фильм-ролик и он сразу запускается на весь экран и не знаю как сохранить. Александр.

Ответить

Admin Admin 20.12.2011 15:58:51

Если Вы запускаете его в браузере, то он не может убрать верхнюю панель. А именно в верхней панели и находится меню "Файл".

Ответить

arq12 arq12 20.12.2011 16:23:42

У меня верхняя панель такая, как на самом верху страницы, где Вы сейчас читаете это письмо и я не могу добраться до меню"Файл". Александр

Ответить

Admin Admin 20.12.2011 16:25:26

Верхняя панель браузера.

Ответить

arucks arucks 05.01.2012 18:58:03

Здравствуйте. С Новым Годом! Сделал все по Вашей инструкции, но плейер моего видеофайла не видит. Крутится колесо загрузки и все. Видеоформат пробовал MPEG-4 и flv

Ответить

Admin Admin 05.01.2012 19:13:48

Ошибку какую-нибудь пишет?

Ответить

arucks arucks 07.01.2012 17:53:51

С Рождеством Господним! Нет ошибку не выдает, но и видеофайл не отрабатывает. Да, забыл сказать, я пытаюсь запустить плеер на локальном хосте (Денвер). Пробовал другой плеер собрать здесь http://uppod.ru/player/my/ и та же история. Где же я туплю?

Ответить

Admin Admin 07.01.2012 17:57:13

Вас также с Рождеством! Вот 2 возможные ошибки, которые мне приходят на ум: 1. Вы просто открываете файл в браузере. Это неправильно, нужно открывать через denwer в примерно таком виде: http://mysite.local/video.html - то есть никак file:///C:\Server... - в адресной строке быть не должно. 2. Попробуйте обновить версию Flash Player, а также попробуйте посмотреть в другом браузере.

Ответить

arucks arucks 07.01.2012 19:13:34

Спасибо за скорый ответ. Действительно, я пытался открыть видео просто в браузере, теперь открыл через денвер, но тут оказалось что на странице плеер вообще не отображается. Думаю дело в неправильно указанном пути. Копаюсь дальше...Буду благодарен за совет.

Ответить

Admin Admin 07.01.2012 19:23:01

Скорее всего, дело действительно в путях. Посмотрите на путь к SWF-файлу и на путь к JS-скрипту. Если они будут правильные, то плеер появится.

Ответить

arucks arucks 07.01.2012 19:42:31

Путь к SWF-файлу я указываю как http://localhost...итд, а путь к видеофайлу - "file:///Z:/home/localhost/www/may_garden/flowplayer/nm.mp4" Или я не прав?

Ответить

Admin Admin 07.01.2012 19:44:51

Неправильно, указывайте лучше относительный путь. А абсолютный путь задаётся вообще-то так: http://mysite.local/..., но никак не http://localhost (там на Denwer сайт никто не размещает).

Ответить

arucks arucks 07.01.2012 20:03:12

Спасибо Вам огромное. Видео пошло, однако почему-то МР4 грузится с паузой, как будто с сети а не с машины. Но это, наверное мой жесткий диск подтормаживает, еще раз спасибо за помощь. Буду обращаться, если Вы не против, приходится всему учится самому, спросить, не у кого.

Ответить

Klauze Klauze 09.02.2012 16:15:51

Интересно, а вот на многих видео в интернете перед запуском видео стоит какой либо скриншот. Как это сделать? Или это зависит от проигрывателя?

Ответить

Admin Admin 09.02.2012 16:20:50

Это зависит от проигрывателя, у flowplayer я такой возможности не припомню.

Ответить

Серёга Серёга 16.02.2012 17:21:45

Михаил как сделать чтоб видео само не воспроизводилося?

Ответить

Admin Admin 16.02.2012 17:49:37

<script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script>

Ответить

Aleh Aleh 25.04.2012 02:19:45

Здравствуй Михаил. Поставил на сайт себе FlowPlayer. Но мне нужно чтобы он автоматически не начинал воспроизведение при входе на страницу. Что нужно изменить в коде?, который написан во втором способе на этой странице у тебя в начале. И как сделать, чтобы на нем при входе на страницу, на экране было видно нужное мне изображение? С уважением, Aleh.

Ответить

Admin Admin 25.04.2012 12:57:55

Про автозапуск сообщение выше. А чтобы было видно нужное изображение, к сожалению, flowplayer такой возможности не поддерживает. Можно там криво это сделать через CSS и JavaScript, но всё равно будет не очень.

Ответить

liangr liangr 24.10.2012 08:32:34

Михаил, Вы сказали, что для того, чтобы не начинался автоматически просмотр видео, надо вставить код <script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> Однако непонятно (в частности - мне) где место этому коду во 2-м способе вставки видео на сайт

Ответить

Admin Admin 24.10.2012 19:03:17

Там всё написано, первую строку из статьи нужно добавить между <head> </head>. А всё остальное уже в <body>, там, где Вы хотите чтобы оно отобразилось.

Ответить

liangr liangr 24.10.2012 21:31:03

Это понятно, что в body. Только там, где я хочу, чтобы отобразилось видео, во втором способе предусмотрено вставить довольно-таки длинный код {<a href="путь_к_вашему_видео" style="display: block; width: 500px; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://адрес_вашего_сайта/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script>} И где тут должен находиться код, останавливающий автоматический запуск видео? В начале? В конце? Где-то в середине? Вместо какой-то части этого кода или в дополнение к нему?

Ответить

liangr liangr 25.10.2012 23:08:51

Прошу простить меня, новичка, за непонятливость. По-прежнему жду ответа :)

Ответить

Letcic Letcic 07.05.2012 22:54:52

Здравствуйте Михаил Возникла проблема, FlowPlayer пишет что поток не найден(200-я ошибка). Мучаюсь второй день, а время поджимает. Сам не программист, и создание сайта доется с трудом.Пожалуйста тыкните меня носом, что я делаю не так. Сайт пока висит на денвере. Адрес файла с видео: I:\WebServers\home\localhost\www\testsite\video\untitled.flv Собственно код: <?php echo $view->position('banner1', 'art-nostyle'); ?> <a href="/video/Untitled.flv" style="display: block; width: 700px; height: 200px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://localhost/testsite/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script> И, если будет возможность, поясните пожалуйста как скрыть элементы управления проигрывателя? Как закольцевать видео? С уважением, Константин --

Ответить

Admin Admin 07.05.2012 23:42:07

Путь к видео указан неверно. Нельзя указывать такой путь. Пропишите относительный путь.

Ответить

Letcic Letcic 08.05.2012 13:19:32

<a href="/video/Untitled.flv" style="display: block; width Михаил, разве это не относительный путь?

Ответить

Admin Admin 08.05.2012 13:22:35

Прошу прощения, не туда посмотрел, но ошибка та же - путь к видео указан неверно. Не очень понял, какое название у видео. То ли Untitled, то ли untitled - это совершенно разные названия. Поставьте правильное.

Ответить

Letcic Letcic 08.05.2012 13:52:32

Спасибо, разобрался. Причина была в / перед video.Убрал- и заработало. Правда до сих пор не понимаю почему. Untitled с большой и маленькой это следствие вчерашних эксперементов.Скопировал до того как поменялindex.php Подскажите пожалуйста как заставить плеер проигрывать видео по кругу?

Ответить

Admin Admin 08.05.2012 14:03:08

Попробуйте так: <script> flowplayer("player", "flowplayer.swf", { clip: { loop: true } }); </script>

Ответить

ppk-center ppk-center 29.05.2012 17:05:37

Мне больше нравиться плеер с сайта http://uppod.ru !

Ответить

mikle-001 mikle-001 15.08.2012 14:43:52

Хочу вставить виртуальный тур с сайта http://lookon.ru/estate-tour/1306-Gostinitsa_Vega-Virtualynyy_tur_aprely_2012/ в свой сайт в отдельное окно. Как мне это сделать? какую строку прописать. Спасибо.

Ответить

Admin Admin 16.08.2012 01:14:29

Вот так, например: <iframe width = 60% height=60% src="http://lookon.ru/estate-tour/1306-Gostinitsa_Vega-Virtualynyy_tur_aprely_2012/"></iframe>

Ответить

Abrvalg Abrvalg 17.08.2012 03:25:17

Здравствуйте, возникла проблема со 2 способом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> </head> <body> <a href="Wildlife.wmv" style="display: block; width: 500px; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "file:///C:/My%20Documents/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82.html/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script> </body> </html> Думаю проблема в .wmv, но не знаю как это исправить

Ответить

Admin Admin 17.08.2012 11:30:25

.wmv формат не поддерживается flowplayer. Вот тут есть список поддерживаемых форматов http://flowplayer.org/documentation/technical-facts.html#format

Ответить

Abrvalg Abrvalg 18.08.2012 02:15:59

вставить видео получилось только с помощью : <object id=0 type="application/x-shockwave-flash" data=player_flv_maxi.swf width=640 height=360> <noscript> <a href=http://www.freemake.com/free_youtube_converter/>youtube converter</a> </noscript> <param name="movie" value=player_flv_maxi.swf /> <param name="wmode" value="opaque" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="quality" value="high" /> <param name="menu" value="true" /> <param name="autoplay" value="false" /> <param name="autoload" value="false" /> <param name="FlashVars" value="flv=Wildlife.flv&width=640&height=360&autoplay=0&autoload=0&buffer=5&buffermessage=& playercolor=464646&loadingcolor=999898&buttoncolor=ffffff&buttonovercolor=dddcdc&slidercolor=ffffff&sliderovercolor=dddcdc&showvolume=1&showfullscreen=1&playeralpha=100&title=Wildlife.flv&margin=0& buffershowbg=0" /> </object>

Ответить

bus bus 06.09.2012 22:05:16

Здравствуйте Михаил! Плеер отличный, всё работает, только один вопрос возник: я на страницу вставляю три разных ролика подряд, воспроизводится только первый, вместо оставшихся двух - пустое место? Подскажите что не так? Код который я ставлю: <div align="center"> Часть 1 - &quot;Доступен всем глазам&quot;<br /> </div> <center><a href="/video/Dostupen_vsem_glazam.flv" style="width: 400px; height: 323px; display: block" id="player"></a> <script> flowplayer("player", "flowplayer/flowplayer-3.2.14.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> </center> <br /> <div align="center"> Часть 2 - &quot;Я вышел на подмостки&quot;<br /> </div> <center><a href="/video/Ya_vichel_na_podmostki.flv" style="width: 400px; height: 323px; display: block" id="player"></a> <script> flowplayer("player", "flowplayer/flowplayer-3.2.14.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> </center> <br /> <div align="center"> Часть 3 - &quot;Я иду и скажу&quot;<br /> </div> <center><a href="/video/Ya_uydu_i_skaju.flv" style="width: 400px; height: 323px; display: block" id="player"></a> </center> <script> flowplayer("player", "flowplayer/flowplayer-3.2.14.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> <br />

Ответить

Admin Admin 07.09.2012 12:58:19

У Вас несколько элементов с одинаковым id, такого не может быть. И в flowplayer() нужно тоже писать разные id.

Ответить

bus bus 07.09.2012 13:21:46

Спасибо за ответ! Вы имеете ввиду это id="player"? В каком файле нужно искать: flowplayer-3.2.14.swf flowplayer-3.2.11.min.js flowplayer.controls-3.2.13.swf И что нужно добавить?

Ответить

Admin Admin 07.09.2012 13:31:54

Прямо в Вашем коде для каждого элемента <a>. В файлах ничего менять не надо. И где Вы пишете <script> flowplayer("player - это как раз обращение к элементу с данным id. Так как они у Вас повторялись, он и вставлял видео только в первый <a>.

Ответить

bus bus 07.09.2012 14:10:17

Огромное спасибо, всё работает!

Ответить

bus bus 14.09.2012 12:38:16

Добрый день Михаил! Видео-плеер работает отлично) Нужна Ваша помощь, у меня сайт под управлением CMS Joomla 1.0.15, нужен простенький mp3 плеер с плей-листом, чтобы пользователь мог выбирать треки из списка! mp3 (около 300 шт.) залиты на хостинг где и сам сайт, не хочу их хранить на сторонних ресурсах! Если есть возможность, хочется чтобы посетитель мог скачать понравившийся трек прямо из плеера; и чтобы названия песен отображались на кириллице - пожелания не обязательны, хотя бы плеер! Заранее огромное Вам спасибо!

Ответить

Admin Admin 14.09.2012 18:10:47

Можете поискать готовые скрипты в интернете, я не искал плеер с плей-листом. Вот пример простого http://myrusakov.ru/html-add-audio.html

Ответить

malevany malevany 23.09.2012 21:38:18

Скажите пожалуйста, в чём причина у меня плеер высветился, а вот видео в формате mp4 не проигрывается???

Ответить

malina95 malina95 06.10.2012 22:20:02

Я был удивлён когда я начал качать видео для работы с этим плеером и нечайно зашёл на сайт,И ОНО ПРОИГРЫВАЕТСЯ И КАЧАЕТСЯ ОДНОВРЕМЕННО!!!Я в шоке

Ответить

liangr liangr 21.10.2012 22:00:30

Здравствуйте, Михаил! Речь о 2-м способе. Неоднократно читал в комментах, что данный плейер поддерживает потоковый формат mp4. У меня специфический видео-хостинг, на котором я могу держать видео только в этом формате. Однако, несмотря на то, что делал по инструкции, при попытке открыть страничку сообщает про ошибку 200. Типа поток не найден - и указывает на адрес видео http://www.videocontrolpanel.net/viewer.aspx?file=FileStore/Users/Vids/155585/upload10620129235314_.mp4 Если эту ссылку ввести напрямую в браузере - отлично видео играет.

Ответить

Admin Admin 22.10.2012 19:40:03

Там ссылка не на сам видеофайл, а на страницу с плеером. Браузер это конечно проигрывает, а плеер получает страницу вместо видео и выдает ошибку.

Ответить

liangr liangr 22.10.2012 23:54:56

А что делать? Как из этого адреса убрать адрес плеера и оставить только адрес видеофайла? На данном примере - покажите, пожалуйста, какой адрес самого видеофайла?

Ответить

Admin Admin 23.10.2012 20:31:01

В исходном коде можно найти, вот ссылка на само видео: https://www.videocontrolpanel.net/FileStore/Users/Vids/155585/upload10620129235314_.mp4

Ответить

liangr liangr 24.10.2012 08:45:56

Огромное спасибо, Михаил! Работает! У меня есть вопрос выше (по поводу того, куда вставлять код для отключения автопроигрывания), а также еще вопрос о том, какой код и куда надо вставить, чтобы видео начало проигрываться (в тех случаях, когда оно начинается автоматически) не с начала, а с определенного момента?

Ответить

Admin Admin 24.10.2012 19:15:18

Не пробовал работать с api flowplayer'а, но похоже можно переставлять время начала проигрывания, добавив $f("player").seek(20); - где 20 время в секундах.

Ответить

liangr liangr 24.10.2012 21:24:57

Михаил, Вы ответили на вопрос "какой код", но не сказали, к сожалению, где этот код надо добавить :(

Ответить

Admin Admin 25.10.2012 20:04:18

Я не проверял работу api этого плеера, так что не знаю точно. Скорее всего достаточно добавить эту команду сразу после кода плеера.

Ответить

liangr liangr 25.10.2012 22:41:36

<script language="JavaScript"> flowplayer("player", {src : "http://mlminformburo.ru/wowwe/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"});$f("player").seek(20); </script> Вы это имели в виду, Михаил? Так не сработало :( Всё равно плеер начинает проигрывание с самого начала

Ответить

Admin Admin 26.10.2012 19:03:54

Попробуйте где-нибудь в начале к скриптам добавить это: $f(0).onLoad(function() { $f(0).seek(5); });

Ответить

Михаил Михаил 08.11.2012 03:53:22

Есть вопрос по вставке видео. Использую html, так работает, это оригинальное размещение видео: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="flowplayer-3.2.6.min.js"></script> </head> <body> <center> <a href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" style="display:block; width:520px; height:330px" id="player"></a> <script>flowplayer("player", "../flowplayer-3.2.7.swf"); </script> </body> </html>, а если путь к своему серверу указываю, куда закачал, то не работает: <a href="http://lapki.pro/htdocs/www/flowplayer-700.flv" style="display:block; width:520px; height:330px" id="player"></a> Почему? Как его правильно указать??

Ответить

Admin Admin 08.11.2012 04:48:17

Надо указывать так: http://lapki.pro/flowplayer-700.flv

Ответить

Михаил Михаил 08.11.2012 05:14:37

Супер! Спасибо! Удивлен оперативностью!!! Еще спросить хотел, выше указано как не воспроизводить автоматически, вставил, но видимо там для php (окно стало невидимо вообще)... А какой код у куда мне поместить?

Ответить

Admin Admin 08.11.2012 15:21:03

Там не для PHP, там для HTML. Аккуратнее вставляйте, всё должно заработать.

Ответить

Михаил Михаил 09.11.2012 03:31:16

Ночи доброй! Не, никак не хочет, если добавляю не воспроизводить автоматически, то просто белый экран с как-бы сылкой по середине... :-((( <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://www.lapki.pro/flowplay/flowplayer-3.2.6.min.js"></script> </head> <body> <center> <a href="http://www.lapki.pro/video.flv" style="display:block; width:520px; height:330px" id="player"></a> <script>flowplayer("player", "http://www.lapki.pro/flowplay/flowplayer-3.2.7.swf" { clip: { autoPlay: false, autoBuffering: true } }); </script> </body> </html> Что не так написано??? Все копировал ТОЧНО! (можете скопировать код в файл, он рабочий с сылками и видео и проверить...)

Ответить

Admin Admin 09.11.2012 09:23:14

-3.2.7.swf", { clip: { - на данном участке Вы забыли запятую, которую я поставил.

Ответить

Михаил Михаил 09.11.2012 21:16:43

Да, спасибо большое! Именно эта запятая и была причиной... Все работает! А есть ли у него возможность установить фиксированный масштаб 4:3? Ширину указываю в процентах от области, поэтому высоту в пикселях не знаю, а если не указывать, то он сплющивается...

Ответить

Admin Admin 09.11.2012 21:23:39

width:520px; height:330px - вот размеры, можете под любой формат подгонять.

Ответить

Михаил Михаил 09.11.2012 21:44:07

Имею ввиду, что вписываю в ячейку таблицы по ширине экрана, т.е. указываю - width:60%, и хотел бы, чтобы в высоту сохранялся масштаб (как например для картинок, когда достаточно указать только ширину и она сама подгоняется по высоте)... Так можно с видео?

Ответить

Admin Admin 10.11.2012 07:34:54

Оно и так подгоняется, согласно пропорциям видео. Если оно в другом формате, то ничего не получится.

Ответить

Михаил Михаил 10.11.2012 23:27:59

Спасибо Михаил! Попробую с пропорциями, но видео 16:9 при указании только ширины в процентах, сплющивается (нарушает пропорции)... Попробую еще с 4:3... А вообще спасибо, реально выручил!!!

Ответить

interesado interesado 15.01.2013 14:56:44

Извини что так много спрашиваю, но я правда жажду научится. Сделал все точно так как указано в уроке но ни один из способов не работает. Код верный ибо я в конце концов просто взял и скопировал с странички.

Ответить

Admin Admin 15.01.2013 19:32:56

Просто бездумно скопировав, разумеется, ничего не выйдет. Тем более, там несколько мест, которые нуждаются в замене. Элементарно путь к видео в виде "путь_к_вашему_видео" оставлять нельзя.

Ответить

interesado interesado 16.01.2013 11:11:29

Ну это естественно, что я все что нужно поменял, в первом случае я взял виде с youtube, а во втором специально конвертирование видио в flv фаил.

Ответить

Admin Admin 16.01.2013 20:37:11

Надо запускать через Denwer, просто так браузер не позволит Flash использовать.

Ответить

valikvitalik valikvitalik 21.01.2013 19:45:37

Здравствуйте,прочитал все ответы и вопроси,но так и непонял как зделать чтобы видео при заходе на страницу само незапускалось. <script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> куда это поставить, помогите новичку.

Ответить

Admin Admin 21.01.2013 20:56:15

После <a id="player"> в любое место до </body>.

Ответить

dsmts dsmts 31.01.2013 19:50:49

Добрый день! А как можно сделать что бы выводилось на сайт видео с веб- камеры? А так же, возможность сохранения кадра как фотографии.

Ответить

Admin Admin 31.01.2013 20:37:49

Проще всего использовать сторонний сервис для трансляции. Самостоятельно это сделать трудно и очень дорого, нужна хорошая мощность на сервере, плюс дорогостоящее дополнительное ПО.

Ответить

dsmts dsmts 31.01.2013 20:57:34

Спасибо!

Ответить

korona8 korona8 13.02.2013 09:55:40

Здравствуйте Михаил. Горизонтальная полоса прокрутки появилась у вас на этой странице из-за текста выше: 18.08.2012 02:15:59. У вас уроки очень познавательные. Мне очень помогают в освоении данного материала. Спасибо вам большое!

Ответить

Ольга Ольга 09.04.2013 19:18:27

Доброго времени суток, Михаил! Пожалуйста, подскажите, как решить проблемку. Вставила на сайт 6 видеороликов (2 ютуб и 4 vimeo). Вставила первым способом, просто скопировала тот код, что они дают. В итоге, 2 ютуба показывают одинаковое видео и тоже самое с vimeo все 4 ролика показывают одинаковое одно видео. В чем проблема, подскажите , пож-та.... прочла все комменты, но похожего не нашла. вот код, если нужен <div class="youtube"> <div class="youtube1"> <iframe width="400" height="225" src="http://www.youtube.com/embed/CNoeS1gVGCs?rel=0" frameborder="0" allowfullscreen></iframe> </div> <div class="youtube1"> <iframe width="400" height="225" src="http://www.youtube.com/embed/_oozJdiLvFQ?rel=0" frameborder="0" allowfullscreen></iframe> </div> </div><!--end youtube-->

Ответить

Admin Admin 09.04.2013 21:09:39

Код должен быть для каждого видео разный. А Вы, видимо, вставили одинаковый несколько раз.

Ответить

Ольга Ольга 09.04.2013 21:58:37

спасибо за оч.быстрый ответ и помощь.Всё получилось!

Ответить

suslik1910@mail.ru [email protected] 10.05.2013 21:30:10

Здравствуйте! Пробовала добавить видео на сайт 1 способом. с rutube грузится, а вот с youtube нет, почему? вот код <p style="text-align: center;"> <object width="470" height="353"> <param name="movie" value="http://video.youtube.com/0aK1np7t-AA"> <param name="wmode" value="window"> <param name="allowFullScreen" value="true"> <embed src="http://video.youtube.com/0aK1np7t-AA" type="application/x-shockwave-flash" wmode="window" allowfullscreen="true" width="470" height="353"> </object> </p>

Ответить

Admin Admin 11.05.2013 00:38:28

У youtube совсем другой код, код в статье только для rutube и больше ни для кого.

Ответить

suslik1910@mail.ru [email protected] 12.05.2013 07:25:09

спасибо,а можете помочь с кодом для youtube?

Ответить

Admin Admin 12.05.2013 11:54:59

На youtube должен быть код к любому видео, его и используйте.

Ответить

Vermilion Vermilion 12.05.2013 10:35:12

Здравствуйте Михаил! Очень познавательная статья, единственное что я не понял возможно ли воспроизводить файл если он лежит на компьютере (например "file:///D:/Site/video/1.flv")желательно без Денвера и других программ

Ответить

Admin Admin 12.05.2013 11:53:33

Возможно, опять же должен использовать плеер, например, как в моих видеоуроках.

Ответить

Vermilion Vermilion 12.05.2013 12:17:30

Подскажите пожалуйста что это за плеер? и где его взять?

Ответить

Admin Admin 12.05.2013 12:19:51

Camtasia Studio такой плеер создаёт.

Ответить

Vermilion Vermilion 12.05.2013 12:52:50

А без установки Camtasia Studio не получится установить и настроить плеер?

Ответить

tolia2012 tolia2012 20.05.2013 18:14:18

ничего не работает,сайт находится на dremweaver cs6.в чем ошибка?спасибо. <a href="files/video1.mp4" style="display: block; width: 500px; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://new2013/new2013/index2.php/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script>

Ответить

Admin Admin 20.05.2013 21:17:46

Значит, что-то не так подключили. И про dreamweaver: http://myrusakov.ru/html-dreamweaver.html

Ответить

tolia2012 tolia2012 21.05.2013 22:25:25

скачал flowplayer новую версию. вствил в теги <haed><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="flowplayer/flowplayer.min.js"></script></head> и в теги <body><div class="flowplayer" data-swf="flowplayer.swf" data-ratio="0.417"> <video> <source type="video/webm" src="http://stream.flowplayer.org/bauhaus/624x260.webm"/> </video> </div> </body> все работает,но работает их видео,а свое не знаю как подключить.есть ссылка ,source type=,но как здесь прописать путь к видео понятия не имею,это html5 документ.help?

Ответить

Admin Admin 22.05.2013 10:36:01

В статье написано, где задаётся "путь к видео".

Ответить

wasiliykulik wasiliykulik 22.05.2013 13:59:12

Уважаемый Михаил, скажыте пожалуйста как можно сделать чтобы видео воиспроизводилось только когда пользователь кликнет по проигрователю????Очень жду ответа.Спасибо, за статьи.

Ответить

Admin Admin 22.05.2013 14:46:47

Вот такой код надо использовать: <script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script>

Ответить

wasiliykulik wasiliykulik 23.05.2013 18:57:28

Уважаемый Михаил,я вставил этот код и он не работает, что мне делать и куда вставлять, помогите пожалуйста))))

Ответить

tolia2012 tolia2012 26.05.2013 17:00:36

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

Ответить

Admin Admin 26.05.2013 20:59:36

Youtube.

Ответить

tolia2012 tolia2012 27.05.2013 13:22:47

как сделать ссылку к файлу с видео,чтобы видео проигрывалось на моем плеере на сайте,а не на сервисе хранения файлов amazon s3?и вообще можно так сделать?спасибо.

Ответить

Admin Admin 27.05.2013 15:23:58

Можно, достаточно разместить видео где-нибудь у себя на сайте и прописать к нему путь.

Ответить

tolia2012 tolia2012 27.05.2013 16:29:17

а если одновременно будет очень много просмотров этого видео,сервер не локнется?спасибо.

Ответить

Admin Admin 27.05.2013 21:09:09

Обязательно отключится, поэтому и хранят, в основном, всё на других серверах.

Ответить

Bekush Bekush 30.05.2013 06:34:35

Спасибо све получилось! как сделать чтоб несколько видео поочередно проигрывалась??? чтоб адин раз запустить и забыть на сутки?

Ответить

Admin Admin 30.05.2013 14:37:18

Вы хотите онлайн-конференцию, по типу Интернет ТВ или что?

Ответить

Bekush Bekush 31.05.2013 06:41:30

Есть два больших мониторов висячих на стене, там должно крутится рекламные ролики, курс валют

Ответить

Admin Admin 31.05.2013 10:39:49

Проще всего использовать какой-нибудь сервис по типу http://yatv.ru/

Ответить

pavell pavell 29.06.2013 17:02:23

Я вставляю видео тз ютюба на сайт но валидатор начинает ругаться на код который мне дали на ютюбе <iframe width="100%" height="215" src="http://www.youtube.com/embed/Y4GdXQI6CGo" frameborder="0" allowfullscreen></iframe> Как сделать чтоб валидно было? Или это не так страшно. формат xhtml 1.1 а ругаетса именно на размеры видео то что не может быть атрибута высота, ширина, и src.

Ответить

Admin Admin 29.06.2013 17:53:05

Попробуйте так сделать: style="width: 100%; height: 215px;"

Ответить

pavell pavell 29.06.2013 20:45:37

Спасибо! Помогло.

Ответить

EbaHirra EbaHirra 13.07.2013 13:04:03

Здравствуйте Михаил! Честно говоря, мне даже первый способ не понятен, т.к. я в этом вообще ни чего не понимаю((( Но... все-таки я бы хотел попробовать сам вставить видео на мой сайт! Моя задача такая... видео должно быть не в виде ссылки, а визуально видимо,т.е. это я так понял второй способ! Вы не могли бы по подробнее объяснить, как это сделать!!! Заранее благодарствую!!!

Ответить

Admin Admin 13.07.2013 15:25:14

Оба способа визуальные. Проще задачи придумать трудно, если не понимаете, то лучше обратиться за деньги к специалистам тут http://free-lance.ru Либо изучать всё с нуля: http://srs.myrusakov.ru/html

Ответить

EbaHirra EbaHirra 14.07.2013 15:42:54

В общем понятно))))) ваша позиция мне ясна!!! Т.е. по подробнее ни как не написать?!

Ответить

Ierecumi Ierecumi 18.08.2013 22:46:44

Доброго времени суток Михаил! Подскажите возможно ли менять ссылку на видео динамически, например при помощи кнопки? пробовал так, ссылка меняется, видео не работает =( <input type = "button" value = "show" onClick = "document.getElementById ('player').href = 'Move1.flv'; document.getElementById ('divplayer').style.display = 'block'; alert(document.links.player.href);">

Ответить

Admin Admin 22.08.2013 18:01:57

В теории да, плеер все-таки клиентский и подменить ему ссылку ему наверняка можно.

Ответить

prog prog 21.08.2013 20:10:52

Здравствуйте, Михаил.Сколько видеороликов можно добавлять к сайту.

Ответить

Admin Admin 22.08.2013 18:02:45

Сколько хотите, главное чтобы не все на одной странице, иначе будет тормозить.

Ответить

prog prog 22.08.2013 20:32:27

Здравствуйте, Михаил! Спасибо что ответили на мой вопрос.Как вы думаете можно ли сделать видео-сайт на движке Joomla или все надо с нулья написать на html css javascript php.

Ответить

Admin Admin 23.08.2013 17:17:15

Лучше делать с нуля.

Ответить

prog prog 23.08.2013 18:15:26

Спасибо!

Ответить

prog prog 27.08.2013 09:23:27

Здравствуйте, Михаил! Я уже могу написать средний шаблон на Html и Css, но у меня проблема в браузерах, разваливается меню, страницы сайта.В чем проблема, помогите чем можете.

Ответить

Admin Admin 27.08.2013 20:08:11

Это одна из основных проблема при верстке. Нужно изначально проверять все на разных браузерах, чтобы добиться кроссбраузерности кода.

Ответить

Oleg-yak1 Oleg-yak1 28.08.2013 20:44:17

можете пожалуста обьяснить как использовать атрибут "style"

Ответить

Admin Admin 28.08.2013 21:25:30

Чтобы понять, как его использовать. Вам нужно изучить css.

Ответить

Oleg-yak1 Oleg-yak1 28.08.2013 22:28:10

тогда зачем его использовать на html

Ответить

Oleg-yak1 Oleg-yak1 28.08.2013 22:31:48

Можете пожалуста объяснить все новые теги и атрибуты

Ответить

prog prog 02.09.2013 14:39:22

Здраствуйте, Михаил! Как можно на PHP сделать для видеороликов много страниц, чтобы сервер сайта не тормозил, когда смотрят видео много людей.

Ответить

bobaibibekoff bobaibibekoff 10.10.2013 12:00:52

Здравствуйте! Спасибо за материал. Плеер с набором кодов <script type="text/javascript" src="http://mathkrschool.okis.ru/file/mathkrschool/flowplayer/flowplayer-3.2.2.min.js"></script> <a href="http://mathkrschool.okis.ru/file/mathkrschool/flowplayer/tank.flv" style="display: block; width: 100%; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://mathkrschool.okis.ru/file/mathkrschool/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}, {clip: { autoPlay: false, autoBuffering: true } }); </script> прекрасно работает. Но воспроизводимый файл http://mathkrschool.okis.ru/file/mathkrschool/flowplayer/tank.flv загружен на сам сайт. Будьте добры, Михаил, подскажите, как заполнять "путь_к_вашему_видео", если оно расположено отдельно. Ссылки, которые я способен использовать, в роде https://docs.google.com/file/d/0B9hEgmPYRtcUTE5hR3RiSFVMNlE http://youtu.be/PO_F26WiM_Y http://files.mail.ru/D394E386475F44769785D0E4A944B6DB не подходят. Спасибо.

Ответить

Admin Admin 10.10.2013 12:14:21

Ссылка должна быть прямая на видео. Ни один из сервисов, указанных Вами ни за что прямую ссылку не даст. Тут нужно использовать либо свой сервер, либо искать платные сервера с оплатой за каждый ГБ по типу Amazon S3.

Ответить

bobaibibekoff bobaibibekoff 10.10.2013 12:17:47

Ещё раз спасибо!

Ответить

awdk awdk 11.10.2013 18:12:36

Как сделать так чтобы видео проигрывалось по центру?, <p> и <div> не помогают. Вот сам код: <p style = "text-align: center;"> <a href = "video/Watch Dogs.flv" style = "display: block; width: 640px; height: 390px;" id = "player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://awdk.org/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script> </p>

Ответить

Admin Admin 11.10.2013 21:14:20

Тут зависит от всей вёрстки в целом. Но для выравнивания по центру используются 2 конструкции: text-align: center; и margin: 0 auto;

Ответить

awdk awdk 16.10.2013 10:15:19

Верстка табличная

Ответить

prog prog 24.10.2013 11:47:58

Здраствуйте, Михаил.Я заливаю видеоролики на сервер с помощью программы FileZilla, установил Flowplayer нормально работает.Как можно изменить цвета, дизайн видеоплеера?

Ответить

Admin Admin 24.10.2013 12:15:18

На их официальном сайте: http://flowplayer.org/designer/

Ответить

prog prog 24.10.2013 14:00:53

Я использую версию flowplayer 3.2.7, в каком файле нужно вставить код дизайна.

Ответить

Admin Admin 24.10.2013 21:58:41

Плеер нужно собрать и скачать результат. На их же сайте всё написано, как подключать.

Ответить

prog prog 04.11.2013 09:20:57

Здраствуйте, Михаил. Я создаю видео сайт, использую flowplayer для просмотра видео.Какой хостинг мне выбрать Виртуальный хостинг или VPS сервер, чтобы сайт потом не тормозил.

Ответить

Admin Admin 04.11.2013 11:59:51

Всё зависит от посещаемости и размера видео.

Ответить

Onaibek Onaibek 08.11.2013 21:49:03

Привет! у меня не получается со вторым способом. У меня все так вышло ничего не выходит <html> <head> <script type="text/javascript" src="flowplayer/flowplayer-3.2.2min.js"></script> </head> <body> <a href="E:\Фильмы\%28Стена_%2F_Deewar%29_-_Фильм.360" style="display: block; width: 500px; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src:"C:\Users\Azat\Desktop\flowplayer\flowplayer-3.2.2.min", wmode:"trransparent"}); </script> </body </html> Напиши пожалуйста как будет правильно?

Ответить

Admin Admin 09.11.2013 12:28:01

E:\Фильмы\%28Стена_%2F_Deewar%29_-_Фильм.360 - никаких русских символов, пробелов и других спецсимволов быть не должно. Только латинский алфавит, - и _.

Ответить

prog prog 13.11.2013 10:57:45

Здраствуйте!Установил последнюю версию flowplayer, как можно добавлять превью изображения перед просмотром видеоролика.

Ответить

Admin Admin 13.11.2013 12:01:25

Данный плеер не позволяет это сделать.

Ответить

prog prog 15.11.2013 23:30:17

Каким способом можно конвертировать flv файл в хорошее качестве, какие программы есть для этого?

Ответить

alexandrdante alexandrdante 15.11.2013 23:38:58

Здравствуйте Абай.Как правило подобные вопросы решаются запросом в поисковую систему "конвертер flv в avi"

Ответить

Мила Мила 23.11.2013 03:13:57

Здравствуйте! Почему повторно вставить второй клип 2 способом в тот же сайт не получается?

Ответить

alexandrdante alexandrdante 23.11.2013 03:27:25

Уточните,пожалуйста,о каком втором способе речь?

Ответить

Мила Мила 24.11.2013 10:27:03

<a href="путь_к_вашему_видео" style="display: block; width: 500px; height: 400px;" id="player"></a> <script language="JavaScript"> flowplayer("player", {src : "http://адрес_вашего_сайта/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"}); </script>

Ответить

Мила Мила 24.11.2013 10:27:58

на одной странице получилось и все

Ответить

alexandrdante alexandrdante 25.11.2013 14:49:43

не совсем понимаю) А вообще,чтобы было проще и не возникало проблем... лучше просто заливайте на сторонние сервисы,типа rutube youtube Вк потом просто генерируйте код и вставляйте на сайт

Ответить

krauz krauz 25.11.2013 20:22:03

Здравствуйте. Михаил. Может знаете, подскажите пожалуйста. Есть сайт моего провайдера. Он закрытый, только для пользователей. Если я от туда беру код видео object, и ставлю на другой сайт, то оно воспроизводится только для меня. Больше не кому оно не доступно. Всем плеер выдаёт что файл не найден. Плеер Flowplayer. Сначала если брать код напрямую с сайта провайдера, то на другом сайте код вообще не отображается. Пришлось воспользоваться плеером uppod. То есть беру прямую ссылку видео с сайта провайдера http://backend15.k9.lv:8090/24/Videock6/02/07/020770.mp4, и на сайте uppod создаю код object (новый) И тогда только оно воспроизводится. Но только для меня. Очевидно в прямой ссылке есть идентификатор. Можно ли как то открыть всем доступ? Спасибо

Ответить

tikkiwiki tikkiwiki 25.11.2013 21:07:13

Здравствуйте Андрей. Зачем изобретать велосипед? Сохраните это видео и отобразите на своем сайте всем пользователям.

Ответить

krauz krauz 25.11.2013 21:20:39

Александр здравствуйте. Если бы всё было так просто, я бы купил выделенный сервер для такого количества Гб. И качал сколько душе угодно. Но по понятным причинам нет пока такой возможности.

Ответить

tikkiwiki tikkiwiki 26.11.2013 09:59:35

Андрей,в таком случае вряд ли Вам удастся выставить видео на общий показ, если в ссылке есть уникальный идентификатор.

Ответить

krauz krauz 26.11.2013 20:31:55

Ну это я так предполагаю. Может кто с таким сталкивался и есть методы исправления. Понял здесь не в курсе. Будем искать дальше.

Ответить

podgortsev podgortsev 07.12.2013 06:55:09

подскажите пожалуйста, при вставке на сайт плэир сразу включает видео, как поставить его на паузу при открывании страницы???

Ответить

alexandrdante alexandrdante 07.12.2013 06:57:59

а какой плеер? для flow рассмотрено выше <script> flowplayer("player", "flowplayer.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script>

Ответить

m773ma@gmail.com [email protected] 21.12.2013 13:48:50

Добрый день! Пытаюсь вставить видео с YouTube первым способом, не получается: видео просто не отображается, при нажатии ПКМ пишет "ролик не загружен". Пишу в Notepad++, в строке <embed src="http://youtu.be/Vos5TQbO5tU" type="application/x-shockwave-flash" wmode="window" allowfullscreen="true" width="470" height="353"> атрибуты wmode и allowfullscreen не воспринимаются как атрибуты, т.е. не подсвечиваются.

Ответить

alexandrdante alexandrdante 21.12.2013 13:55:45

Добрый день,Кирилл.Ваша ссылка не является прямой. Используйте прямые ссылки.Youtube поменял технологию вставки. с атрибутами - они только в старом типе вставки кода. в вашем случае прямая ссылка: www.youtube.com/embed/Vos5TQbO5tU взял я её из Поделиться.HTML код

Ответить

m773ma@gmail.com [email protected] 21.12.2013 14:19:00

ОК, я вставил новый код, который YT предложил: <iframe width="420" height="315" src="//www.youtube.com/embed/Vos5TQbO5tU" frameborder="0" allowfullscreen></iframe>, но на странице вылазит окошко "Невозможно открыть файл. Вы попытались получить доступ к адресу..." и т.д.

Ответить

alexandrdante alexandrdante 21.12.2013 14:21:36

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

Ответить

m773ma@gmail.com [email protected] 21.12.2013 14:23:41

Спасибо! Вот в этом причина и была: "на локальном компьютере видеофайл отображаться не будет".

Ответить

m773ma@gmail.com [email protected] 21.12.2013 14:29:18

Если вторым способом, описанным в статье, вставлять видео - тоже с локального компьютера не будет отображаться?

Ответить

alexandrdante alexandrdante 21.12.2013 14:35:13

в любом случае не будет)

Ответить

pavell pavell 16.03.2014 22:07:52

Добрый день. Скажите а как вставить видио которой в формате Shockwave Flash Object (это файлы видео которые уже в этом формате). Их нужно залить на сайт чтоб в браузере можно было смотреть.

Ответить

tikkiwiki tikkiwiki 19.03.2014 14:08:37

Здравствуйте, используйте: http://get.adobe.com/shockwave/

Ответить

pavell pavell 21.03.2014 22:11:07

Так это плагин для просмотра. А как вставить мое видео в формате Shockwave Flash Object в HTML?

Ответить

alexandrdante alexandrdante 22.03.2014 04:43:59

так же,как в статье написано)

Ответить

Grafcorp Grafcorp 03.08.2014 07:41:03

Здравствуйте, хочу сделать анимацию на сайте(буду делать через after effects) как лучше ее сохранить, как видео или как swf-анимацию? и это реализуется через JS или Flash?Спасибо.

Ответить

Androff Androff 17.10.2014 23:33:48

Удобен ещё http://uppod.ru/

Ответить

gubds gubds 21.10.2014 16:48:32

У меня проигрывается только первые 30 сек. В чем проблема? Надеюсь на помощь

Ответить

Mefisto Mefisto 10.12.2015 08:37:25

видео почему то не проигрывается, белый экран! <html> <head> <title>MOY SAIT</title> <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> </head> <body> <a href="www/flowplayer/video/moov.mp4" style="display:block; width: 500 px; height: 400 px;" id="player"><a> <script language="JavaScript"> flowplayer("player",{src:"mysite.local/player.html/flowplayer/flowplayer-3.2.2.swf",wmode:"transparent"}); </script> </body> </html>

Ответить

Salim.1997 Salim.1997 27.11.2016 14:54:05

Здараствуйте Михаил ну сматрите эту кодь <video width="400" height="300" controls="controls" poster="video/Midway.jpg"> <source src="video/Midway.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="video/Midway.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="video/Midway.webm" type='video/webm; codecs="vp8, vorbis"'> Тег video не поддерживается вашим браузером. <a href="video/Midway.mp4">Скачайте видео</a>. </video> уменя меня непоказвайет видео ну сматрите я на каком кодь неправилна написал?

Ответить

bobaibibekoff bobaibibekoff 12.07.2017 20:58:44

Здравствуйте, Михаил! Мы с Вами уже общались 10.10.2013 на этой же странице. Плеер работал до недавнего времени, когда на прежнем его месте появилась запись: Flash version 9,0 or greater is required You have no flash plugin installed Click here to download latest version Адрес для примера: http://math4school.ru/raznye_roliki_priroda_v_chislah.html Не можете ли чем-то помочь, как-то направить мои дальнейшие действия? Спасибо.

Ответить

bobaibibekoff bobaibibekoff 15.07.2017 22:41:30

Всё, уже разобрался сам.

Ответить

vam5ir vam5ir 02.03.2024 23:27:12

...Если это видео смотрит 5 человек в день, то проблем не будет, а если смотрят 20 человек одновременно, то ничего кроме злости Вашего посетители не испытают...(Возможно вы имели ввиду "Ваши")

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.