X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Изменение размера видео по клику, Проблема с iframe
faza
faza
Topic Starter сообщение 31.3.2013, 20:16; Ответить: faza
Сообщение #1


Новичок
*

Группа: User
Сообщений: 23
Регистрация: 8.5.2012
Поблагодарили: 4 раза
Репутация:   1  


Есть страница с видеороликами, которые берутся с youtube и размещаются в две колонки по окошкам размером 293x190. Я хочу сделать так, чтобы при нажатии на само видео, либо на специальную кнопку его размер увеличивался до 598х400px и оно фиксировалось на этом положении до повторного нажатия.
Каждый ролик вставляется как пост через iframe: <iframe width="293" height="190" src="http://www.youtube.com/embed/'.$videoid.'" frameborder="0" allowfullscreen></iframe>.

Прикрепленное изображение


Все, что мне пока удалось сделать - это использовать функцию active в CSS: когда нажимаешь на видео - оно растягивается. И все вроде хорошо, да вот только когда жмешь на ролик со второй колонки - с ним ничего не происходит (оно смещается вниз и сразу возвращается обратно).


Как правильно реализовать эту идею? Сайт на Wordpress, сама страница: http://takeyourtime.ru/video/

Сообщение отредактировал faza - 31.3.2013, 20:22
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Max_Q
Max_Q
сообщение 1.4.2013, 0:09; Ответить: Max_Q
Сообщение #2


Участник
***

Группа: User
Сообщений: 118
Регистрация: 13.11.2011
Поблагодарили: 46 раз
Репутация:   13  


Click по видео в iframe никак не отследить из-за политики безопасности браузера.
Можно отслеживать событие mouse* и по нему увеличивать ширину блока.

Пример:
$('.galvidpre').mouseenter(function(){ $(this).width('598px').find('.one').width('598px');});
$('.galvidpre').mouseleave(function(){ $(this).width('293px').find('.one').width('293px');});


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
faza
faza
Topic Starter сообщение 1.4.2013, 0:29; Ответить: faza
Сообщение #3


Новичок
*

Группа: User
Сообщений: 23
Регистрация: 8.5.2012
Поблагодарили: 4 раза
Репутация:   1  


Спасибо за вариант, однако он слишком сложный для меня. Да и по функции немного отличается...

Думал сделать что-то вроде: при нажатии на iframe, его класс с one меняется на two и, соответственно, изменяется размер видео, прописанный в css. Далее, если жмем на следующий ролик, то ему опять таки дается класс two, а у первого он уже забирается.

Если нельзя отследить клик по видео, то можно ли сделать вызов скрипта по нажатию на специальную кнопку?

Сообщение отредактировал faza - 1.4.2013, 0:32
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tygrytsa
tygrytsa
сообщение 1.4.2013, 1:19; Ответить: tygrytsa
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 505
Регистрация: 30.3.2011
Из: Кишинев
Поблагодарили: 191 раз
Репутация:   63  


А если выводить плеер в модальном окне при помощи jquery при клике по iframe? Думаю может получиться. ruseller.com Вам в помощь.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
faza
faza
Topic Starter сообщение 1.4.2013, 9:57; Ответить: faza
Сообщение #5


Новичок
*

Группа: User
Сообщений: 23
Регистрация: 8.5.2012
Поблагодарили: 4 раза
Репутация:   1  


Тоже хороший вариант, уже задумался о нем. Клик по iframe не получится отследить - это я уже понял, а по ссылке удалось реализовать следующим образом:

<iframe ... width="293"></iframe><a class="fancybox" href="#'.$videoid.'">link</a><div style="display:none;"><iframe ... id="'.$videoid.'" width="598" ></iframe></div>

Все, конечно, работает, но получается просто нагромождение кода. Как можно это дело упростить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Предлагаем просмотры видео в ВК и ОК
3 Inlogix 873 15.12.2017, 2:13
автор: Inlogix
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыИзготовление Логотипов,Баннеров,Интро видео и многое другое
Здесь вы сможете заказать изготовление Логотипов,Баннеров,Интро видео.
247 MaJlblLLl 88980 13.12.2017, 20:09
автор: MaJlblLLl
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПрибыль с видео на сайте и в соц сетях
Как получить доп доход с нативного контента
14 maxim_krasovskiy 2835 12.12.2017, 12:05
автор: maxim_krasovskiy
Открытая тема (нет новых ответов) Myvi.tv - видео-партнёрка
С возможностью зарабатывать на своём и чужом видео
10 Myvi 2242 5.12.2017, 19:19
автор: Myvi
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыИдея заработка на видео-поздравлениях
Поздравляем детишек
26 PostBrigada 1974 27.11.2017, 14:36
автор: x64


 



RSS Текстовая версия Сейчас: 17.12.2017, 1:16
Дизайн