Перейти к содержимому



Видео галерея

#1 Вячеслав
Вячеслав
  • Пользователь
  • 386 сообщений
  • Репутация: 3
0

Отправлено 14 апреля 2009 - 03:47

здраствуйте!

Решил предложить скрипт для видео галереи (может кому пригодится B))...

Начну с краткого описания...

скрипт написан на Java Script
и состоит из таких файлов:

1)flvplayer.swf - проигрывает ролик (формат SWF и FLV)
2)shadowbox.js - подгружает flvplayer.swf в браузер в нем вы можете указать путь к flvplayer.swf
3) в папке src/player содержатся скрипты которые обрабатывают различные форматы (frame,flv,swf...) вы можете оставить например только файл shadowbox-flv.js в том случае если вы будете воспроизводить только файлы в формате flv.
4) в папке src/lang содержатся скрипты языков для плеера
5) в папке src/skin содержится css фал и js файл для стиля плеера который вы можете изменить...
6) в папке gallery содержатся видио файлы которые воспроизводит плеер (вы можете изменить расположение своих файлов, но не забудте изменить путь в ссылке!!! на вашей странице!!!)

Установка:
1)скачайте flvplayer.rar
2)на своем сервере, в корне сайта создайте папку (напр flvplayer)
3)в нее распакуйте содержимое архива
4)между тегами HEAD в своей странице пропишите:

<link rel="stylesheet" type="text/css" href="flvplaver/doc/css/style.css">
<!-- the following two lines are only required for the demos -->
<script type="text/javascript" src="doc/demo.js"></script>
<!-- other adapters (for testing purposes) -->
<!--script type="text/javascript" src="/js/dojo-release-1.0.2/dojo/dojo.js"></script-->
<!--script type="text/javascript" src="/js/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/js/ext-2.0/ext-core.js"></script-->
<!--script type="text/javascript" src="/js/jquery-1.2.6.js"></script-->
<!--script type="text/javascript" src="/js/mootools-1.2.js"></script-->
<!--script type="text/javascript" src="/js/prototype-1.6.js"></script-->
<!--script type="text/javascript" src="/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script-->
<!--script type="text/javascript" src="src/adapter/shadowbox-dojo.js"></script-->
<script type="text/javascript" src="flvplaver/src/adapter/shadowbox-base.js"></script>
<script type="text/javascript" src="flvplaver/src/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.loadSkin('classic', 'flvplaver/src/skin');
Shadowbox.loadLanguage('en', 'flvplaver/src/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp', 'avi'], 'flvplaver/src/player');
window.onload = function(){
	Shadowbox.init();
	/**
	 * Note: The following function call is not necessary in your own project.
	 * It is only used here to set up the demonstrations on this page.
	 */
	initDemos();
};
</script>

5) теперь создаете ссылку вида <a rel="shadowbox;width=640;height=480" class="option" title="caveman" href="gallery/my_1.flv">Ролик 1</a> при клике на которой открывается видиоплеер и разворачивается в окне!

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

и из него скопировать сылку на файл:
Пример

<OBJECT width="470" height="353"><PARAM name="movie" value="http://video.rutube.ru/3c37553d24d8846fbb6fcab6693c3a34"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/3c37553d24d8846fbb6fcab6693c3a34" type="application/x-shockwave-flash" wmode="window" width="470" height="353" allowFullScreen="true" ></EMBED></OBJECT>

берем отсюда
[url="http://www.masterwebs.ru/go.php?url=http://video.rutube.ru/3c37553d24d8846fbb6fcab6693c3a34"]http://video.rutube.ru/3c37553d24d8846fbb6fcab6693c3a34[/url]
, и вставляем в свою ссылку с вызовом плеера:

вот так
<a rel="shadowbox;width=640;height=480" class="option" title="Ролик со стороннеко сервера" href="http://video.rutube.ru/3c37553d24d8846fbb6fcab6693c3a34">Ролик со стороннеко сервера</a>


Вроде все :)

Прошу сильно не пинать не пинать сам УЧУСЬ... но плеер проверил поэтому и решил предложить может пригодится комуто?

 

 

  • 0

#2 Odmen
Odmen
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 14 апреля 2009 - 15:09

Вячеслав, спасибо, только хотел "проно" он-лайн делать))
  • 0

#3 Вячеслав
Вячеслав
    Topic Starter
  • Пользователь
  • 386 сообщений
  • Репутация: 3

Отправлено 14 апреля 2009 - 19:13

Ваше проно надоело уже, везде эта реклама!!! аж комп виснет!!!
Извиняюсь за грубость но не могу больше... B) :) :)
  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
albedo albedo 1-й за Май
Очков активности: 198 5 тем, 29 сообщений, 3 балла репутации
Сайт: online24news.ru
ТОП самых активных за этот месяц
  • Фотография NewBlade
    #1

    NewBlade
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография 1head
    #2

    1head
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Movut
    #3

    Movut (seo-aspirant.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Zevss
    #4

    Zevss (domles43.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография narolskay
    #5

    narolskay (ortopedicheskaja-podushka.ru)
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография Nik_2266999
    #6

    Nik_2266999
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #7

    Megoydagi (24ho.ru)
    Очков активности: 1.5 Вне конкурса за определение пользователя месяца

  • Фотография getsend
    #8

    getsend
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография albedo
    #9

    albedo (online24news.ru)
    Очков активности: 1.5 Вне конкурса за определение пользователя месяца

  • Фотография English writer
    #10

    English writer
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru