Олег

Вьюхи делай маленькие и при наведении скриптом подсовывай большую.

Специльно для автора ;) g-studiya.ru/one

https://www.w3.org/TR/css-scoping/#host-element

CSS и пару строк js

alert ("hello, world");
и дальше.
Если хочешь чему то научиться, нормально.
Это ЯП и большинство взаимосвязано. Поэтому слово "краткое пособие" используют говногуру с ютуба, которые сами только вершки нахватались и кричат. что любой ЯП освоишь за 10 минт и выше))) Только купи у них курс.
Что то стоящее вроде здесь https://developer.mozilla.org/ru/docs/Web/JavaScript и здесь www.w3schools.com
Конкретно стоящее по js здесь www.ecma-international.org/ecma-262/6.0

Если ванговать, то вопрос. Подключено?

<script src="https://www.youtube.com/iframe_api"></script>

При какой другой? Подробнее описывайте

Вот примеров куча codepen.io/search/pens?q=logo%20%20canvas

API yuotube https://developers.google.com/youtube/iframe_api_r...

Можно вообще сделать цвет для background, а флакон png
Или так https://jsfiddle.net/joomla/tu8nc3xa/ ;)

Какое именно ограничение нужно?
Можно просто убрать стрелки и не будет возможность кликать по кнопкам ;)
можно css поменять...
Если же скриптом что то убирать, то подключаешь после dhtmlx.js нужное действие

<script src="http://dhtmlx.com/docs/products/codebase/dhtmlx.js"></script>
  <script>Здесь нужное действие</script>

Bootstrap универсальней некуда ;)

Смотри в эту сторону ;) https://jsfiddle.net/kc9sb5mn/
Только еще события повесь на mouseover

Загугли скрипт сапера, минера и разбери