Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.04.2012, 20:06   #1
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию Слайдер видеороликов

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

Задача реализовать подобие слайдера видеороликов.
В качестве флэш-плеера взят uppod
Для реализации слайдера используется easySlider1.7

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

Вопрос в том - как при нажатии ссыки "next" в слайдере делать так, чтобы не только другой ролик появлялся, но и чтобы тот, который воспроизводился, останавливался бы?
Minus_yu вне форума Ответить с цитированием
Старый 13.04.2012, 21:11   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

все же на ладошке))
http://uppod.ru/player/ajax/
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 13.04.2012, 22:04   #3
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
все же на ладошке))
http://uppod.ru/player/ajax/
спасибо, читал это, так же как и http://uppod.ru/js/
но, как оказалось, "все же на ладошке" не для меня...
может быть Вы подскажете? что нужно куда подставить?
$videolist - массив каждый элемент которого сам является массивом с параметрами видеоролика (['link'] - ссылка)
итак, подключаем Jquery, далее:
PHP код:
<script src="js/jquery/uppod_ajax.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true
            });
        });    
    </script>
    
<link href="css/site/screen.css" rel="stylesheet" type="text/css" media="screen" />
        <div id="slider">
        <ul>
<?php foreach ($videolist as $val): ?>
        <li><object width="643" height="375">
        <param name="allowFullScreen" value="true" />
        <param name="allowScriptAccess" value="always" />
        <param name="wmode" value="transparent" />
        <param name="movie" value="http://site.ru/uppod.swf" />
        <param name="flashvars" value="st=http://site.ru/video119-690.txt&file=http://site.ru/<?=$val['link']?>" />
        <embed src="http://site.ru/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="st=http://site.ru/video119-690.txt&file=http://site.ru/<?=$val['link']?>" width="643" height="375">
        </embed>
        </object></li>
<?php endforeach; ?>
        </ul>
        </div>
вот тут

Последний раз редактировалось Minus_yu; 13.04.2012 в 22:09.
Minus_yu вне форума Ответить с цитированием
Старый 13.04.2012, 23:31   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
Требования:

каждый плеер в HTML должен иметь уникальный идентификатор id в теге object (если используете тег embed, то нужно также указать параметр name для него);
каждому плееру нужно передать идентификатор id параметром uid в списке параметров flashvars. Добавление uid в код плеера можно включить в настройках.
при беглом пробеге, у вас 1 и 3 ролики имеют одинаковый Id
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 14.04.2012, 12:51   #5
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию

Читал я и это, делал так же, как написано, но все равно не работает
Naive, с теорией я знаком, у меня на практике не получается.
Вы, я вижу, человек знающий! Помогите, пожалуйста...
Вот два плеера:

Код:
<object width="643" height="375">
        <param name="allowFullScreen" value="true" />
        <param name="allowScriptAccess" value="always" />
        <param name="wmode" value="transparent" />
        <param name="movie" value="http://site.ru/uppod.swf" />
        <param name="flashvars" value="st=http://site.ru/video119-690.txt&file=http://site.ru/1.mp4" />
        <embed src="http://site.ru/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="st=http://site.ru/video119-690.txt&file=http://site.ru/1.mp4" width="643" height="375">
        </embed>
</object>

<object width="643" height="375">
        <param name="allowFullScreen" value="true" />
        <param name="allowScriptAccess" value="always" />
        <param name="wmode" value="transparent" />
        <param name="movie" value="http://site.ru/uppod.swf" />
        <param name="flashvars" value="st=http://site.ru/video119-690.txt&file=http://site.ru/2.mp4" />
        <embed src="http://site.ru/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="st=http://site.ru/video119-690.txt&file=http://site.ru/2.mp4" width="643" height="375">
        </embed>
</object>
Укажите - куда и что нужно добавить в куске этого кода?
А если конкретно на примере слайдера покажете, то буду очень признателен!

З.Ы. там всего 2 ролика
Minus_yu вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
компилирование простых видеороликов ВалекFCRK Общие вопросы Delphi 1 06.10.2011 08:58
слайдер контента CodeNOT JavaScript, Ajax 1 04.10.2011 01:23
Слайдер dekameron JavaScript, Ajax 0 05.04.2011 04:39
Слетает слайдер в IE 6 zlo_999 HTML и CSS 2 22.01.2011 22:30
Создание видеороликов Лоло Помощь студентам 1 11.10.2010 10:21