Евгений

body {
    overflow: hidden;
}

Но возможно потребуются дополнительные стили, вроде height: 100vh, но для этого нужно смотреть всю логику работы приложения.

let a = "1";
let b = "2";
a = [a, b];
b = undefined;

Новое а – это массив.

Upd. Но братан, это реально оч плохая идея.

Ну так .cloneNode() же. И обновить нужные стили.

Для экономии оперативки, чтобы не добавлять к каждому объявленному объекту набор методов.
Так исторически сложилось.

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

console.log = function(message) {
    alert(message); // или любое другое действие
};

Но такие события не стоит перехватывать. Если есть возможность, допиши свою логику в функцию, которую привязываешь к событию.

Используй YouTube Javascript API для инициализации плеера.
Это несколько строк.

Вот пример из готового проекта. Разбери документацию на сайте гугла, чтобы реализовать такой пример под себя.

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player = new YT.Player(id, {
    videoId: videoId,
    playerVars: {
        playsinline: 1,
        loop: 1,
        playlist: videoId
    },
    events: events,
});
player.playVideo();

Отдельно отмечу, что на мобилке будет все воспроизводиться без проблем. И на iOS, и на Android.

JavaScript – код, который выполняется в браузере.
PHP – код, который выполняется на сервере, и отдает в браузер результат.

Из JS можно отправить данные на сервер через new XMLHttpRequest(). Можешь глянуть документацию с кучей примеров: https://learn.javascript.ru/xmlhttprequest

filter перебирает все элементы массива arr и возвращает те, которые соответствуют условию.
В данном случае на выходе мы получаем массив элементов, которые входят в массив [1,2,10].

Вот можешь глянуть:
https://www.w3schools.com/jsref/jsref_filter.asp

У формы, данные из которой хочешь отправить:

<form target="_parent">
...
</form>