Забыли пароль?
Запросите новый здесь.

Автор темы: Zaxap
ID темы: 2171
Информация:
Тема содержит 1 сообщения, была просмотрена 4713 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery
 Распечатать тему
RoyalSlider - слайдер (контента) с поддержкой видео (iframe и подобного)
Zaxap
Есть такой вот код:
Загрузить источник  GeSHi: Javascript
  1. /*!............*/
  2. youTubeCode:'<iframe src="http://www.youtube.com/embed/%id%?rel=1&showinfo=0&autoplay=1&wmode=transparent" frameborder="no"></iframe>',
  3. vimeoCode:'<iframe src="http://player.vimeo.com/video/%id%?byline=0&portrait=0&autoplay=1" frameborder="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
  4. /*!............*/
  5. var d=a.currSlide;
  6. if(!d.videoURL)return!1;
  7. a._d7=d;
  8. var b=a._e7=d.content,d=d.videoURL,c,e;
  9. d.match(/youtu\.be/i)||d.match(/youtube\.com/i)?(e=/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/,
  10. (e=d.match(e))&&11==e[7].length&&(c=e[7]),
  11. void 0!==c&&(a._c7=a.st.video.youTubeCode.replace("%id%",c))):d.match(/vimeo\.com/i)&&(e=/(www\.)?vimeo.com\/(\d+)($|\/)/,
  12. (e=d.match(e))&&(c=e[2]),
  13. void 0!==c&&(a._c7=a.st.video.vimeoCode.replace("%id%",c)));
  14. /*!............*/
Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10

Нужно к нему как-то прикрутить otherVideoCode:'<iframe src="%id%" frameborder="no"></iframe>', срабатывающий, если это не видео с youtube или vimeo, а какой-нибудь другой iframe (пусть хоть сайт подгружает)...

------------

Разобрался. Слайдер - плагин jq, называется RoyalSlider и...он платный... (вытащил из демки руками, часть скачал в интернете из разных мест).
Сделал так (вдруг кому пригодится):
Загрузить источник  GeSHi: Javascript
  1. //jQuery(document).ready(function($) {
  2. jQuery(document).ready(function($) {
  3. var slider = $('#video-gallery').royalSlider({
  4. //options.
  5. }).data('royalSlider');
  6. slider.ev.on('rsOnCreateVideoElement', function(e, url) {
  7. slider.videoObj = $('<iframe src="'+url+'" frameborder="0"></iframe>');
  8. }); //Правда, теперь плеер поддерживает только прямые ссылки на видео
  9. });
  10. //});
Добавлено за 0.002 секунд, используя GeSHi 1.0.8.10


Загрузить источник  GeSHi: HTML
  1. <div id="video-gallery" class="royalSlider videoGallery rsDefault">
  2. <a class="rsImg" data-rsvideo="https://vimeo.com/31240369" href="http://b.vimeocdn.com/ts/210/393/210393954_640.jpg">
  3. <div class="rsTmb">
  4. <h5>I Believe I Can Fly</h5>
  5. <span>by sebastien montaz-rosset</span>
  6. </div>
  7. </a>
  8. <a class="rsImg" data-rsvideo="https://vimeo.com/45830194" href="http://b.vimeocdn.com/ts/319/715/319715493_640.jpg">
  9. <div class="rsTmb">
  10. <h5>Stanley Piano</h5>
  11. <span>by Digital Kitchen</span>
  12. </div>
  13. </a>
  14. </div>
Добавлено за 0.006 секунд, используя GeSHi 1.0.8.10


JS (jquery.royalslider.min.js) и CSS (royalslider.css, rs-default.css) можно вытащить отсюда: http://dimsemenov...o-gallery/
Тут же, собственно, и демка...
Изменил(а) Zaxap, 02.05.2014 08:19
Зло не дремлет, а я добрый...
x1
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Alex Alex (1,196)   Zaxap Zaxap (1,078)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)