здраствуйте!
Решил предложить скрипт для видео галереи (может кому пригодится
)...
Начну с краткого описания...
скрипт написан на 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.rar2)на своем сервере, в корне сайта создайте папку (напр 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>
Вроде все
Прошу сильно не пинать не пинать сам УЧУСЬ... но плеер проверил поэтому и решил предложить может пригодится комуто?