Как кнопкой ютуба сделать не картинку, а текст с нависанием?  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить

Автор Темы
Zyzy

Как кнопкой ютуба сделать не картинку, а текст с нависанием?  [РЕШЕНО]

Сообщение Zyzy » 26 фев 2015, 16:38

Простенький вопрос, наверника решение у меня перед носом.
Есть элемент Youtubе. Ему можно поставить картинку, скажем кнопку Play. Тогда я жму кнопку play и появляется litebox с Youtube`ом.
А как сделать чтобы тоже самое только при нажатии на текст с нависанием было?
Я уже событиями всяко разно перепробовал. Даже создал с помощью событий и слоёв подобие litebox`а. Все неплохо, да только события не умеют останавливать youtube видео. А если просто скрываешь элемент то он продолжает воспроизводиться невидимым.
Можно создать чтобы при нажатии кнопки с нависанием появлялся значок play, который будет уже кидать на litebox с ютубом. Но мне нужно без кнопки play.
Т.е. подтащил курсор к тексту(художественному), сработал эффект нависания, тыкнул -> Youtube по середине воспроизводиться в liteboxе.

Не хотелось бы переделывать текст в два png с разными цветами, делать события(или управляемое изображение) и добавлять как изображение youtube. Может есть полегче способ. Может можно как-то событием не просто показать элемент скрытый(youtube), а запустить его сразу(симитировать нажатие кнопкой мыши).
Последний раз редактировалось Zyzy 26 фев 2015, 16:47, всего редактировалось 1 раз.

Реклама
Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Alex » 26 фев 2015, 16:47

Ну так ролик располагаешь на отдельной странице, прижатым вверх - слева, размер страницы делаешь под размер ролика.
Делаешь ссылку от куда угодно на эту страницу и ставишь в целевом окне лайтбокс, там же параметры этого окна, они должны быть чуть больше страницы с роликом.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Автор Темы
Zyzy

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Zyzy » 26 фев 2015, 16:48

Alex писал(а):Ну так ролик располагаешь на отдельной странице, прижатым вверх - слева, размер страницы делаешь под размер ролика.
Делаешь ссылку от куда угодно на эту страницу и ставишь в целевом окне лайтбокс, там же параметры этого окна, они должны быть чуть больше страницы с роликом.

Как форму в liteboxe делают? так же?
В таком случае было бы проще сделать управляемое изображение)
А какой вариант был бы более экономный в плане трафика? управляемое изображение или ссылка на страницу в liteboxe?
кстати надо php или html? php же вроде да? а то в форме php, я даже не знаю для чего именно php используют)

А как-то иначе нельзя это сделать? чтобы ссылка ссылалась на команду при нажатии на кнопку ютуба?
Последний раз редактировалось Zyzy 26 фев 2015, 16:52, всего редактировалось 1 раз.

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Alex » 26 фев 2015, 16:51

Можно делать как угодно, куда фантазия заведёт и на сколько программа позволит.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Автор Темы
Zyzy

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Zyzy » 26 фев 2015, 16:53

Alex писал(а):Можно делать как угодно, куда фантазия заведёт и на сколько программа позволит.

А как-то иначе нельзя это сделать? чтобы ссылка ссылалась на команду при нажатии на кнопку ютуба?
К примеру событие "Воспроизвести элемент" и он не просто его показывает а именно нажимает по нему.
Я уже не первый раз сталкиваюсь с ограничением кнопой. Обидно что нельзя запустить действие от ютуб от каких то других элементов, почему именно картинку сделали.
Можно ли заставить события чтобы в них команда "воспроизвести", "пауза" работали? Или они предназначены только для встроенного в сайт видео?

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Alex » 26 фев 2015, 17:00

Ну если ролик находится в другом месте, как ты им собираешься управлять со своего сайта?
Я вообще не очень понимаю, чего ты хочешь добиться.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение anonimus » 26 фев 2015, 17:59

Zyzy писал(а):Можно ли заставить события чтобы в них команда "воспроизвести", "пауза" работали?

ДУМАЮ можно, но не событиями, а подумать над кодом, который прописать внутри элементов конструктора
в общем я считаю эту проблемой решаемой
если надумаете, то обращайтесь и я попробую решить ваш вопрос
не гарантирую конечно но попробовать можно
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Alex » 26 фев 2015, 18:17

Воспроизвести, пауза, стоп, в событиях уже есть... но я по прежнему не понимаю задачу. :ps_ih:
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Автор Темы
Zyzy

Re: Как кнопкой ютуба сделать не картинку, а текст с нависан

Сообщение Zyzy » 01 мар 2015, 16:44

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

Ну воспроизвести, пауза, стоп в событиях не работает. Если и работает, то явно не на ютуб видео. Или я что-то путаю и на ютуб работает? там вроде как ошибиться негде.
Вот выбрал я элемент ютуб, появилось такое окошечко ютуба с видео, которое я в нём выбрал. Выбрал я для этого элемента ютуб значок - png или jpg файл. Закидываю на сайт. Вижу значок выбранный мною, кликаю по нему - вижу ютуб в центре экрана в лайтбоксе, затемненный оставшийся экран. Вот мне нужно чтобы появлялось то же самое(ютуб по центру в лайтбоксе с автозапуском), но только не при нажатии значка jpg png, а при нажатии на текст с нависанием.
Я смог реализовать такое через события и слои, сделал этакое подобие лайтбокса. Всё работает, хоть и вроде чуть чуть тяжелее лайтбокса, но видео проигрывать не останавливается. Не останавливается иба команды стоп, воспроизвести не срабатывают, а команда "спрятать" не останавливает видео, звук продолжает идти. Команду воспроизвести я смог заменить автозапуском ютуба.


Автор Темы
Zyzy

Re: Как кнопкой ютуба сделать не картинку, а текст с нависанием?

Сообщение Zyzy » 02 мар 2015, 14:19

Пошуршал с кодом и решил задачу.
Предворительно создал элементы youtube и управляемое изображение.
Ютуб скрыл.
Залез в код и скопировал ссыль от элементов youtube к Rollover(управляемому изображению).
Потом можно шлёпнуть элементы youtube. Даже нужно шлепнуть, а то у меня не заработало.
Несколько раз пробовал менять ссылку, чтобы видео в лайтбоксе открывал и текст с нависанием и управляемое изображение, но не понял закономерности. Иногда работает, а иногда нет. Делаю одни и те же действия. Не знаю куда копать, но в целом задачу решил.

1.Кто нибудь может объяснить почему одни элементы имеют приписку wb_ ?
что она значит? к примеру wb_youtube или wb_textart

2. Кто нибудь может объяснить почему элемент Textart исчезает если я в этот код:
<div id="wb_TextArt1">
<a href="http://www.youtube.com/embed/rR04EapQ_m4?rel=1&amp;autoplay=1&amp;version=3&amp;autohide=0&amp;theme=dark">
<img class="hover" src="images/img0064_hover.png" alt="" title="Promotion" style="border-width:0;width:513px;height:67px;"><span><img src="images/img0064.png" id="TextArt1" alt=""></span></a></div>
</div>

добавляю class="iframe" id="YouTube3" перед ссылкой ???
А на элементе Rollover(управляемое изображение) работает!
По сути Художественный текст это тот же самый Rollover(управляемое изображение). Так почему же не жрёт ссыль на класс, а исчезает?
Куда копать?


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя