Jump to content


Photo
- - - - -

Медиа вставка видео с YouTube, нет функции в полный экран в Google Chrome

video media youtube

Best Answer black_paw , 24 June 2014 - 13:01

в файле \media\zoo\elements\media\media.php 199 строку 

return '<iframe src="'.$source.$autoplay.$wmode.'"'.$width_attr.$height_attr.'></iframe>';

замените на

return '<iframe src="'.$source.$autoplay.$wmode.'"'.$width_attr.$height_attr.' allowfullscreen></iframe>';

css

.ytp-button-fullscreen-enter{display:inline-block !important;}
Go to the full post


  • This topic is locked This topic is locked
5 replies to this topic

#1 Tunga

Tunga
  • JBZoo User (rus)
  • User rate: 9.7
  • posts: 595
  • topics: 129

Posted 24 June 2014 - 12:44

Добрый день!

При вставке в Медиа видео с YouTube, нет функции показать в полный экран в браузере Google Chrome.

Почитал этот топик http://forum.jbzoo.c...utube/?hl=video человек пишет что решил, только не пишет как))) В других браузерах эта функция есть а в Хроме нет. Может кто подскажет куда копать ???


  • 0

JBZoo это круто!


#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 24 June 2014 - 12:53

Скорее всего у фрейма должен быть атрибут что-о вроде allowfullscreen="true"


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 Tunga

Tunga
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 9.7
  • posts: 595
  • topics: 129

Posted 24 June 2014 - 13:00

Скорее всего у фрейма должен быть атрибут что-о вроде allowfullscreen="true"

Денис можно подробнее это куда)))

Вот пример из топика вкладка обзор http://vdrive.com.ua...r-nitecore-srt7

Вот мой пример http://www.myfishing...ua/video/4.html

Не случайно ставлю стр 4 в ссылке посмотрите на постраничную навигацию

Все эти глюки только в Хроме.


  • 0

JBZoo это круто!


#4 black_paw

black_paw
  • JBZoo User (rus)
  • User rate: 9.2
  • posts: 96
  • topics: 7

Posted 24 June 2014 - 13:01   Best Answer

в файле \media\zoo\elements\media\media.php 199 строку 

return '<iframe src="'.$source.$autoplay.$wmode.'"'.$width_attr.$height_attr.'></iframe>';

замените на

return '<iframe src="'.$source.$autoplay.$wmode.'"'.$width_attr.$height_attr.' allowfullscreen></iframe>';

css

.ytp-button-fullscreen-enter{display:inline-block !important;}

Edited by black_paw, 24 June 2014 - 15:35.

  • 1

#5 Tunga

Tunga
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 9.7
  • posts: 595
  • topics: 129

Posted 24 June 2014 - 13:07

Есть! Спасибо Огромное все работает!!!


  • 0

JBZoo это круто!


#6 black_paw

black_paw
  • JBZoo User (rus)
  • User rate: 9.2
  • posts: 96
  • topics: 7

Posted 24 June 2014 - 13:45

кстати, вытащить превью видео с youtube

делается примерно так:

$element = $item->getElement('<ID ЭЛЕМЕНТА>');
$data = (array)$element->data();
$img = explode('=',$data['url']);
$img = '<img class="jbimage" src ="http://img.youtube.com/vi/'.end($img).'/default.jpg" alt="'.$item->name.'" />';
echo $img;

т.е. берем url видео из элемента, получаем id нашего видео и по ссылке получаем изображения необходимого качества

Какое именно изображение получаем определяем по имени jpg файла по схеме ниже

 

 

Доступно несколько вариантов изображений:

 
Полный размер (часто этот размер изображения совпадает с default.jpg) [480*360]:
$img = '<img class="jbimage" src ="http://img.youtube.com/vi/'.end($img).'/0.jpg" alt="'.$item->name.'" />';
Среднее качество изображения [320*180]:
$img = '<img class="jbimage" src ="http://img.youtube.com/vi/'.end($img).'/mqdefault.jpg" alt="'.$item->name.'" />';
Высокое качество изображения [480*360]:
$img = '<img class="jbimage" src ="http://img.youtube.com/vi/'.end($img).'/hqdefault.jpg" alt="'.$item->name.'" />';
Максимальное разрешение изображения(встречается не во всех видео и разрешение меняется) [1920*1080]:
$img = '<img class="jbimage" src ="http://img.youtube.com/vi/'.end($img).'/maxresdefault.jpg" alt="'.$item->name.'" />';

  • 1





Click to return to top of page in style!