Скрипт вывода рандомного видео с YouTube

@dotez · Регистрация: 01.04.2017

Студворк — интернет-сервис помощи студентам

Ребята, был раньше такой скриптик-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
$(document).ready(function() {
var keys = ['php','ajax','jquery','javascript']; //слова поиска
var countvideo = 25;
var youtube_link = new Array();
$.getJSON('http://gdata.youtube.com/feeds/api/videos?q='+keys.join('+')+'&format=5&max-results='+countvideo+'&v=2&alt=jsonc', function(data){
$.each(data['data']['items'], function(i,item){
youtube_link.push(item['id']);
});
$('#videotube').html('<iframe width="315" height="170" src="//www.youtube.com/embed/'+youtube_link[Math.floor(Math.random()*youtube_link.length)]+'" frameborder="0" allowfullscreen></iframe>');
});     
});
</script>
 
<div id="videotube"></div>

очень удобный. но он уже давным давно не работает. есть что то аналогичное в 2018 году?
спасибо

Добавлено через 1 час 52 минуты
нашел рабочий скрипт НО у него там всплывающее меню, которое похзволяет пользвоателю самому выбирать длину ролика, слово для поиска и т.д.
не могу никак это меню вырезать от туда. хочется чтобы ключи я задал в коде и поменять их посетитель не мог сам. но при этом ссылка на оригинал видео на самом Ютубе должна остаться.
Хелп народ)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html><html lang="en"><head><title>Random YouTube Videos - Stumbl.TV</title><meta charset="UTF-8"><meta name="description" content="Random YouTube Video Generator - Custom Filter by Keyword, Category, Views and Length - Mobile Friendly"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"><link rel="stylesheet" type="text/css" href="http://stumbl.tv/files/main.css"/><script>
    (function(i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
    ga('create', 'UA-73864408-1', 'auto');
    ga('send', 'pageview');
  </script></head><body><header><div class="button" id="is-logo" tabindex="1">STUMBL.TV</div><div class="button" id="js-filter-button"> <span class='hotkey-letter'>F</span>ilters</div><div class="button" id="js-info-button"> <span id='videoWord'>Video</span> <span class='hotkey-letter'>I</span>nfo</div><div class="button" id="is-hotkey-button"> Hot<span class='hotkey-letter'>k</span>eys</div><div class="button" id="js-help-button"> <span class='hotkey-letter'>H</span>elp</div><div class="button right" id="js-history-button"> Hi<span class='hotkey-letter'>s</span>tory</div></header><div id="main"><div id="is-loading" class="box"></div><div id="is-info-cont" class="overlay draggable"><div class="vid-info"> Title:&nbsp;<span id="js-vid-title"></span></div><br/><div class="vid-info"> Channel:&nbsp;<span id="js-vid-channel"></span></div><br/><div class="vid-info"> Views:&nbsp;<span id="js-vid-views"></span></div><br/><div class="vid-info"> Length:&nbsp;<span id='js-vid-time'></span><span id="js-vid-length"></span></div><div id="is-info-close" class="X">x</div></div><div id="is-filter-cont" class="overlay"><div id="filter-inner"> <input id="is-keyword" type="text" value="Приколы" placeholder="Keyword"/><div id="range-label-cont"><div class="range-label" id='range-label-left'>Views</div><div class="range-label" id='range-label-right'>Length (s)</div></div><div id="range-cont"><div class="is-slider-text-cont"><div id="js-maxv-input-cont" class="input-cont"> <input id="js-max-views" class="is-number-input" type="number" value="10000000000" min="0" max="10000000000"></div><div id="js-minv-input-cont" class="input-cont"> <input id="js-min-views" class="is-number-input" type="number" value="10000000000" min="0" max="10000000000"></div></div><div id="views-slider" class="slider"></div><div id='length-slider-text-cont' class="is-slider-text-cont"><div id="js-maxl-input-cont" class="input-cont"> <input id="js-max-length" class="is-number-input" type="number" value="24000" min="0" max="24000"></div><div id="js-minl-input-cont" class="input-cont"> <input id="js-min-length" class="is-number-input" type="number" value="0" min="0" max="24000"></div></div><div id="length-slider" class="slider"></div></div> <select id="is-category-select"><option value="0">Any Category</option></select><div class="search-separator filter-second-half"></div><div class='filter-second-half' id='next-cont'> <input id="is-next-button" class="active" type="button" value="NO VIDEO"></div></div><div id='is-filter-close'>^</div></div><div id="is-help-cont"><div id="is-help-close" class="X">x</div><h3>Welcome to Stumbl.tv <span class='mobile-display'>- We Find Random Youtube Videos</span></h3><h1 class='mobile-hide'>We Find Random YouTube Videos</h1><h3>Now Mobile Friendly!</h3><div class="search-separator mobile-hide"></div><p class='mobile-hide'> Click <span id='js-help-next' class='active pointer'>NEXT VIDEO</span> to play a random youtube video.</p><div class="search-separator"></div><p> Set your own <span id='js-help-filter' class='active pointer'><span class='hotkey-letter'>F</span>ilter</span> to filter the random videos.</p><p> Or, click on one of our favourite filters below:</p><ul><li id='js-unseen-fails' class='active'>Unseen fails</li><li id='js-redbull-sports' class='active'>Red Bull sports</li><li id='js-timelapse' class='active'>Timelapse</li></ul><p class='mobile-display'>Press the '>' arrow to play the next video.</p><div class="mobile-hide search-separator"></div><p class='mobile-hide'> Using the share buttons will share the video you are currently watching, and the filter you used to find it.</p><div class="search-separator mobile-hide"></div><span class='contactUs mobile-hide'><p>Bug? Feature request? Think we're awesome? Let us know at:</p><p>contact@stumbl.tv</p></span></div><div id="history-wrapper"><div id="is-history-cont" class="overlay"><div id='is-history-close'>^</div><div id="is-history-inner"></div></div></div><div id="is-hotkey-cont" class="overlay draggable"><div id="is-hotkey-close" class="X">x</div><h2>HOTKEYS</h2><div>Filters</div><div>F</div><div>Info</div><div>I</div><div>Hotkeys</div><div>K</div><div>Help</div><div>H</div><div>History</div><div>S</div><div>Next Video</div><div>Enter</div><div>Pause</div><div>Space</div><div>Mute</div><div>M</div><div>Restart</div><div>R</div><div>Volume Up</div><div>Up Arrow</div><div>Volume Down</div><div>Down Arrow</div><div>Forward 5s</div><div>Right Arrow</div><div>Back 5s</div><div>Left Arrow</div></div><div id="is-error-cont" class="box"> Sorry, no videos were found with that filter. Change it and try again.</div><div id="is-share-cont" class="box"><h3>This video was found using the Stumbl.TV random YouTube video generator.</h3><p> To see this video again, <span id="js-share-restart" class='active pointer'>click here</span> or press the <span class='active'>'R'</span> key.</p><p> To continue watching videos using the same filter as this one, <span id="js-share-next" class='active pointer'>click here</span> or press the <span class='active'>'enter'</span> key.</p><p> To change the filter <span id="js-share-filter" class='active pointer'>click here</span> to open the filter panel and follow the instructions.</p></div><div id="player"></div></div><footer><div id='left-footer'><div class="button" id="is-pause-button"> Pause</div><div class="button" id="is-mute-button"> <span class='hotkey-letter'>M</span>ute</div><div id="volume-cont"><div class='volume-button' id="volume-button-back"><div class="volume-line"></div><div class="volume-text"> Volume</div><div class="volume-line volume-line-right"></div></div><div class='volume-button' id="is-volume-button-front"><div class="volume-line"></div><div class="volume-text"> Volume</div><div class="volume-line volume-line-right"></div></div></div></div><div id="centre-footer"><div id="js-playback-restart" class='playback-button'> R</div><div id="is-playback-line-back"><div id="is-playback-line-front"></div></div><div id="is-playback-next" class='playback-button'> ></div></div><div id="right-footer"><div id='share-text'>Share filter and video:</div><a id="js-fb-share-link" href="" target="_blank"><div id="is-fb-share-button" class="share-button" title="Facebook Share Button"></div></a><a id="js-twitter-share-link" href="" target="_blank"><div id="is-twitter-share-button" class="share-button" title="Twitter Share Button"></div></a><a id="js-reddit-share-link" href="" target="_blank"><div id="is-reddit-share-button" class="share-button" title="Reddit Share Button"></div></a><div id='is-fullscreen-button' class='share-button'></div></div></footer><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script><script src="http://stumbl.tv/files/main.js"></script><script type="text/javascript" src="https://apis.google.com/js/client.js?onload=onClientLoad"></script></body></html>

Добавлено через 4 часа 11 минут
УДАЛИТЕ ТЕМУ

@dotez · 04.06.2018, 17:25 **[ТС]**

Делюсь скриптом вывода рандомного видео на сайте.

Но он требует некоторых доработок, если кто то сможет "вырезать" из него нафиг это всплывающее меню, то было бы классно!

@j2FunOnly · 05.06.2018, 09:00

Сообщение от dotez

УДАЛИТЕ ТЕМУ

Правила форума

2. Политика в отношении пользователей и публикуемого ими контента.

2.3 Сообщения и темы, а также другой контент, размещаемый на форуме, по просьбам пользователей не удаляется и не закрывается.

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .