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



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

#1

Поделиться сообщением #1



Вячеслав

Вячеслав
  • Пользователь
  • 375 сообщений
  • Репутация: 2
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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Видеогалерея на JS
  2. Wordpress НЕ только для блога или создание различных типов сайтов на этой CMS
  3. Скрипт для видео галереи
  4. Оцените видеоролик
  5. 301 со страницы на рубрику

#2

Поделиться сообщением #2



admin

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

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

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

#3

Поделиться сообщением #3



Вячеслав

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

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

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


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