Подгрузка видео после нажатия на картинку

gresius 27.10.2014 Стол заказов 2805 8 комментариев

Сайт http://videock.ru/ DLE 10.3

Дела обстоят так: видео добавляются посредством нажатия кнопки YouTube в ВВ редакторе краткого описания (скрин), после этого ID видео вытягивается и вписывается скриптом в доп. поле, это позволяет использовать скрины видео которые делает YouTube.

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

Скриншоты мы можем использовать так: https://i.ytimg.com/vi/IDвидеоиздоп.поля/maxresdefault.jpg нужно замаскировать стилями картинку под проигрыватель (чтобы никто и не понял что это картинка) и сделать чтобы видео подгружались когда нажимаешь на неё, а когда перемотали с просматриваемого экрана чтобы видео снова превращалось в картинку.

Кто возьмётся, как быстро сделает и за сколько денег?

8 комментариев

Юзер

gresius - 2014-10-2727 октября 2014 23:26 - #36848

чуть не забыл, ещё один момент, нужно чтобы просмотры тоже считались...

PHP-developer

2583

vitnet - 2014-10-2728 октября 2014 14:14 - #36867

Хорошая идея, добавлю в закладки, если что напишу.

Юзер

gresius - 2014-10-2728 октября 2014 14:20 - #36868

был бы очень благодарен, во сколько примерно оценишь данную работу если что?

Эксперт

1317

lutskboy - 2014-10-2729 октября 2014 12:21 - #36911

Еще актуально?

Юзер

1599

FastFud - 2014-10-2729 октября 2014 13:28 - #36912

Это можно сделать!

Юзер

Sumkina - 2014-10-2730 октября 2014 17:16 - #36972

Тоже интересует :-)

Юзер

1599

FastFud - 2014-10-2730 октября 2014 19:41 - #36981

shortstory.tpl

<div class="yt-video">
  <img src="https://i.ytimg.com/vi/[xfvalue_ytid]/maxresdefault.jpg" id="yt-v{news-id}" data-url="//www.youtube.com/embed/[xfvalue_ytid]">
</div>

main.tpl перед </body> поставить

<div id="yt-dialog"><iframe width="300" height="150" frameborder="0" allowfullscreen></iframe><div class="close">Закрыть</div></div>

jQuery

$(function() {
  $('.yt-video').each(function() {
   var id = $(this).find('img').attr('id');
   $('#'+id).click(function() {
     var overlay = '<div class="overlay"/>';
     var url = $(this).attr('data-url');
       $('body').append(overlay);
       $('#yt-dialog').find('iframe').attr('src', url);
       $('#yt-dialog').addClass('yt-open').fadeIn();
   }); 
   $('#yt-dialog').find('.close').click(function() { 
       $('.overlay').remove();       
       $('#yt-dialog').removeClass('yt-open').fadeOut();
       $('#yt-dialog').find('iframe').attr('src', '');  
   });    
  });
});

Вот вам пример )

Юзер

1599

FastFud - 2014-10-2730 октября 2014 20:02 - #36984

Или еще так

Последние события

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?