Форум

Infinity178 · #1 (**permalink**) 11.03.2015, 08:17

Доброго дня!

Подскажите практичный вариант для реализации:

Загрузка видео с YouTube

Параметры задачи:
1. Одно видео к одной странице (т.е. плей-листы и т.п. не требуются)
2. Загрузка путем занесения ID видео в input
3. Создание Preview (регулируемое)
4. Возможная настройка плеера

PS приближенное решение аля в соц.сетях когда закидываем URL и скрипт автопилотом дает нам preview, video name, +@param.

Если коловым способом заносить в БД проблем нет, javascript/jQuery спокойно перелопачиваем видео и даст все что попросим)) но как сделать что бы при вводе Ajax/или иной метод выдал все заранее?

Infinity178 · #2 (**permalink**) 11.03.2015, 08:47

Разобрался сам))

HTML структура

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<div class="load-class video-load">
  <input name="video" type="text" value="">
  <div class="preview"></div>
</div>
<script>
jQuery(function($){
  $(function(){
    $('input[name="video"]').change(function () {
      var str = $(this).val();
      $(".preview").html('<img id="preview-video" src="http://img.youtube.com/vi/'+str+'/default.jpg" />');
    })
  })
});
</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript