Простенький вопрос, наверника решение у меня перед носом.
Есть элемент Youtubе. Ему можно поставить картинку, скажем кнопку Play. Тогда я жму кнопку play и появляется litebox с Youtube`ом.
А как сделать чтобы тоже самое только при нажатии на текст с нависанием было?
Я уже событиями всяко разно перепробовал. Даже создал с помощью событий и слоёв подобие litebox`а. Все неплохо, да только события не умеют останавливать youtube видео. А если просто скрываешь элемент то он продолжает воспроизводиться невидимым.
Можно создать чтобы при нажатии кнопки с нависанием появлялся значок play, который будет уже кидать на litebox с ютубом. Но мне нужно без кнопки play.
Т.е. подтащил курсор к тексту(художественному), сработал эффект нависания, тыкнул -> Youtube по середине воспроизводиться в liteboxе.
Не хотелось бы переделывать текст в два png с разными цветами, делать события(или управляемое изображение) и добавлять как изображение youtube. Может есть полегче способ. Может можно как-то событием не просто показать элемент скрытый(youtube), а запустить его сразу(симитировать нажатие кнопкой мыши).
Как кнопкой ютуба сделать не картинку, а текст с нависанием? [РЕШЕНО]
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
Zyzy
Как кнопкой ютуба сделать не картинку, а текст с нависанием? [РЕШЕНО]
Последний раз редактировалось Zyzy 26 фев 2015, 16:47, всего редактировалось 1 раз.
Реклама
-
Alex
- Admin

- Сообщения: 3160
- Зарегистрирован: 06 фев 2012, 00:03
- Версия Web Builder: 14.2.2
- Имя: Алексей
- Контактная информация:
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Ну так ролик располагаешь на отдельной странице, прижатым вверх - слева, размер страницы делаешь под размер ролика.
Делаешь ссылку от куда угодно на эту страницу и ставишь в целевом окне лайтбокс, там же параметры этого окна, они должны быть чуть больше страницы с роликом.
Делаешь ссылку от куда угодно на эту страницу и ставишь в целевом окне лайтбокс, там же параметры этого окна, они должны быть чуть больше страницы с роликом.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
-
Zyzy
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Alex писал(а):Ну так ролик располагаешь на отдельной странице, прижатым вверх - слева, размер страницы делаешь под размер ролика.
Делаешь ссылку от куда угодно на эту страницу и ставишь в целевом окне лайтбокс, там же параметры этого окна, они должны быть чуть больше страницы с роликом.
Как форму в liteboxe делают? так же?
В таком случае было бы проще сделать управляемое изображение)
А какой вариант был бы более экономный в плане трафика? управляемое изображение или ссылка на страницу в liteboxe?
кстати надо php или html? php же вроде да? а то в форме php, я даже не знаю для чего именно php используют)
А как-то иначе нельзя это сделать? чтобы ссылка ссылалась на команду при нажатии на кнопку ютуба?
Последний раз редактировалось Zyzy 26 фев 2015, 16:52, всего редактировалось 1 раз.
-
Alex
- Admin

- Сообщения: 3160
- Зарегистрирован: 06 фев 2012, 00:03
- Версия Web Builder: 14.2.2
- Имя: Алексей
- Контактная информация:
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Можно делать как угодно, куда фантазия заведёт и на сколько программа позволит.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
-
Zyzy
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Alex писал(а):Можно делать как угодно, куда фантазия заведёт и на сколько программа позволит.
А как-то иначе нельзя это сделать? чтобы ссылка ссылалась на команду при нажатии на кнопку ютуба?
К примеру событие "Воспроизвести элемент" и он не просто его показывает а именно нажимает по нему.
Я уже не первый раз сталкиваюсь с ограничением кнопой. Обидно что нельзя запустить действие от ютуб от каких то других элементов, почему именно картинку сделали.
Можно ли заставить события чтобы в них команда "воспроизвести", "пауза" работали? Или они предназначены только для встроенного в сайт видео?
-
Alex
- Admin

- Сообщения: 3160
- Зарегистрирован: 06 фев 2012, 00:03
- Версия Web Builder: 14.2.2
- Имя: Алексей
- Контактная информация:
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Ну если ролик находится в другом месте, как ты им собираешься управлять со своего сайта?
Я вообще не очень понимаю, чего ты хочешь добиться.
Я вообще не очень понимаю, чего ты хочешь добиться.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
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
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
-
Alex
- Admin

- Сообщения: 3160
- Зарегистрирован: 06 фев 2012, 00:03
- Версия Web Builder: 14.2.2
- Имя: Алексей
- Контактная информация:
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Воспроизвести, пауза, стоп, в событиях уже есть... но я по прежнему не понимаю задачу. 

Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
-
Zyzy
Re: Как кнопкой ютуба сделать не картинку, а текст с нависан
Alex писал(а):Воспроизвести, пауза, стоп, в событиях уже есть... но я по прежнему не понимаю задачу.
Ну воспроизвести, пауза, стоп в событиях не работает. Если и работает, то явно не на ютуб видео. Или я что-то путаю и на ютуб работает? там вроде как ошибиться негде.
Вот выбрал я элемент ютуб, появилось такое окошечко ютуба с видео, которое я в нём выбрал. Выбрал я для этого элемента ютуб значок - png или jpg файл. Закидываю на сайт. Вижу значок выбранный мною, кликаю по нему - вижу ютуб в центре экрана в лайтбоксе, затемненный оставшийся экран. Вот мне нужно чтобы появлялось то же самое(ютуб по центру в лайтбоксе с автозапуском), но только не при нажатии значка jpg png, а при нажатии на текст с нависанием.
Я смог реализовать такое через события и слои, сделал этакое подобие лайтбокса. Всё работает, хоть и вроде чуть чуть тяжелее лайтбокса, но видео проигрывать не останавливается. Не останавливается иба команды стоп, воспроизвести не срабатывают, а команда "спрятать" не останавливает видео, звук продолжает идти. Команду воспроизвести я смог заменить автозапуском ютуба.
-
Zyzy
Re: Как кнопкой ютуба сделать не картинку, а текст с нависанием?
Пошуршал с кодом и решил задачу.
Предворительно создал элементы 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&autoplay=1&version=3&autohide=0&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(управляемое изображение). Так почему же не жрёт ссыль на класс, а исчезает?
Куда копать?
Предворительно создал элементы 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&autoplay=1&version=3&autohide=0&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(управляемое изображение). Так почему же не жрёт ссыль на класс, а исчезает?
Куда копать?
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя

