Изменение атрибута у тега 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&swf=http://donbass-top/wp-content/themes/Basic Foundation Themes/Basic301/uflvplayer_500x375.swf&w=480&h=360&pic=http://donbass-top/wp-content/uploads/2012/04/volosi.jpg&autoplay=0&tools=1&skin=white&volume=70&q=&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+"&swf=http://donbass-top/wp-content/themes/Basic Foundation Themes/Basic301/uflvplayer_500x375.swf&w=480&h=360&pic="+imgSrc+"&autoplay=0&tools=1&skin=white&volume=70&q=&comment="+anonsVideo; $("object param#paramVideo").attr("value", param); После выполнения скрипта проверка alert-ом показывает, что все хорошо, атрибут value тега param изменился, но почему ни заставка, ни видеоролик, ни описание в браузере не изменяются? Прошу помощи профессионалов. |
потому что параметры тегов PARAM используются во время добавления флешки на страницу, дальнейшее изменение ни к чему не приведет, вам нужно полностью удалять тег object и вставлять на страницу с уже измененными параметрами.
|
Часовой пояс GMT +3, время: 19:35. |