Показать сообщение отдельно
  #1 (permalink)  
Старый 05.04.2012, 21:31
Новичок на форуме
Отправить личное сообщение для letexa Посмотреть профиль Найти все сообщения от letexa
 
Регистрация: 05.04.2012
Сообщений: 1

Изменение атрибута у тега param
Вопрос к специалистам по jquery. Необходимо реализовать видео галерею. Видеоплеер под ним 4 миниатюры в виде изображений с пустыми ссылками, но с параметром href, в котором находится адрес видеоролика. Надо сделать, что бы по клику на миниатюру на видеоплеере выводилось новое видео, соответствующее миниатюре, а в месте с ним заставка и описание видеоролика. Видеоплеер установил с заставкой, видеороликом и описанием по умолчанию. Ниже миниатюры. Получился такой код:
<object type="application/x-shockwave-flash" data="<?php bloginfo('template_url'); ?>/uflvplayer_500x375.swf" height="360" width="480">
<param name="bgcolor" value="#fff" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="movie" value="<?php bloginfo('template_url'); ?>/uflvplayer_500x375.swf" />
<param name="FlashVars" id="paramVideo" value="way=http://donbass-top/wp-content/uploads/2012/04/strong-glass.flv&amp;swf=http://donbass-top/wp-content/themes/Basic Foundation Themes/Basic301/uflvplayer_500x375.swf&amp;w=480&amp;h=360&amp;pic=http://donbass-top/wp-content/uploads/2012/04/volosi.jpg&amp;autoplay=0&amp;tools=1&amp;skin=white&amp;volume=70&amp;q=&amp;comment=Видео" />
</object>	    

<div class="videoMiniImg" id="first">
     <img src="http://donbass-top/wp-content/uploads/2012/04/volosi.jpg" class="imgPic" width="110" />
     <img src="<?php bloginfo('template_url'); ?>/images/pointerVideo.png" class="pointerVideo" />
     <a href="http://donbass-top/wp-content/uploads/2012/04/strong-glass.flv"></a>
     <p class="anonsVideo">Видео - 1</p>
</div>
<div class="videoMiniImg">
	<img src="http://donbass-top/wp-content/uploads/2012/04/zdorov.jpg" class="imgPic" width="110" />
    <img src="<?php bloginfo('template_url'); ?>/images/pointerVideo.png" class="pointerVideo" />
    <a href="http://donbass-top/wp-content/uploads/2012/04/tumbleweed-invasion.flv"></a>
    <p class="anonsVideo">Видео - 2</p>
</div>
<div class="videoMiniImg">
	<img src="http://donbass-top/wp-content/uploads/2012/04/zsva.jpg" class="imgPic" width="110" />
    <img src="<?php bloginfo('template_url'); ?>/images/pointerVideo.png" class="pointerVideo" />
    <a href="http://donbass-top/wp-content/uploads/2012/04/russian-break-dance.flv"></a>
    <p class="anonsVideo">Видео - 3</p>
</div>
<div class="videoMiniImg">
	<img src="http://donbass-top/wp-content/uploads/2012/04/telo.jpg" class="imgPic" width="110" />
    <img src="<?php bloginfo('template_url'); ?>/images/pointerVideo.png" class="pointerVideo" />
    <a href="http://donbass-top/wp-content/uploads/2012/04/metro-sleep.flv"></a>
    <p class="anonsVideo">Видео - 4</p>
</div>

Теперь на jquery пишу такую вещь:
$(".videoMiniImg").click(function(){
			var imgSrc = $(this).children("img.imgPic").attr("src");
			var aHref = $(this).children("a").attr("href");
			var anonsVideo = $(this).children("p").html();
			var param = way=aHref+"&amp;swf=http://donbass-top/wp-content/themes/Basic Foundation Themes/Basic301/uflvplayer_500x375.swf&amp;w=480&amp;h=360&amp;pic="+imgSrc+"&amp;autoplay=0&amp;tools=1&amp;skin=white&amp;volume=70&amp;q=&amp;comment="+anonsVideo;
			$("object param#paramVideo").attr("value", param);

После выполнения скрипта проверка alert-ом показывает, что все хорошо, атрибут value тега param изменился, но почему ни заставка, ни видеоролик, ни описание в браузере не изменяются? Прошу помощи профессионалов.
Ответить с цитированием