Артём Дайнов

1. Вопрос понятен частично. У вас есть плагин, который обращается к вашему серверу. Плагин имеет ключ от сервера, чтобы успешно с ним общаться.
2. Зачем прятать ключ, ведь API строится на том, что у клиента есть ключ для успешного общения с сервером. Если ключ отсутствует, то сервер должен выдать новый. Как выдавать, это уже ваше решение.
3. Что нужно сделать на back-end, так же не понятно.

Если бы вы правильно поставили вопрос или четче рассказали о вашей проблеме, возможно тут смогли бы успешней вам помочь.

Голосую за второй вариант и за него веду пропаганду.
И вот почему.
1. Один обработчик для всех кликов на странице.
2. Через условия можно решить как обрабатывать конкретный нажаты элемент.
3. Если интерфейс будет формироваться динамически, то новые обработчики не придется создавать.

А так, наверное делать можно как хочешь.

1. Получить dom объекты.
2. Заменить то, что нужно.

1. Нужным полям присвоить атрибут required.
2. Кнопку submit нужно связать с формой.
3. На форму подвесить обработчик addEventListener submit
4. Внутри обработчика сделать полную проверку на заполнение
5. отправить форму на сервер.

e.preventDefault. Вроде как всё сказано. ))

Очень легко и просто.
1. нужно убедиться, какой именно вам нужен элемент, так как классы являются массивом.
То есть, если у вас есть класс, к примеру .myclass, то он будет представлен как массив.
2. Найти на странице этот силектор и пройти по массиву циклом, а там назначить onclick.
Должно быть что-то подобное.

let popup = document.querySelectorAll(".popup");
popup.forEach(function(data,index){
data.onclick = function() {
// Тут какие-то действия с нажатым элементом.
}
});

Проблема в том, когда вы используете fullscreen, вызывается проигрыватель браузера, который используется по умолчанию. Внутри этого проигрывателя вы не можете ничего изменить. Вам даётся только стандартный ползунок, кнопка паузы пуска, отключения и включения громкости, ползунок громкости и кнопка выхода из полноэкранного режима.
В этой ситуации вы не можете выводить какие либо div на передний план.
Чтобы избавиться от этой проблемы, вы можете сделать свой кастомный проигрыватель на весь экран. Такая реализация используется в youtube.
1. Создаёте проигрыватель.
2. Кнопку Fullscreen.
3. Когда пользователь нажимает fullscreen, при помощи js вам нужно растянуть проигрыватель по вертикали и горизонтали на весь экран.

Видел другую реализацию.
1. Создаём div с id=miniplayer. в него помещаем video Рядом создаём dialog id='fullplayer' Когда пользователь нажимает fullscreen, с помощью js открываем dialog и переносим video из div в dialog и растягиваем на весь экран.
Так можно получить эфект полноэкранного режима.
Когда нужно выйти из этого режима, нужно сделать всё тоже самое, только в обратном порядке.

А что если работает как в youtube. там вроде как файл отдаётся частями. Вот и на вашей платформе может частями отдаваться и вы перематывая пропускаете какую-то часть и это не засчитывается.

Советую к fetch добавить тип который хотим получить и получить данные, что-то типо

fetch("http://localhost:8080",{
/* тут данные */
}).then((response) => {
if (!response.ok) {
throw new Error("error");
}
return response.json();
}).then((data) => {
console.log(data);
}).catch();

в php делаем это.

<?php
$content = file_get_contents("php://input");
echo $content;
?>

В console.log появится результат который вы отправили. Это позволит вам узнать, отправляются ли данные на сервер. И лучше делать форму, на нее вешать событие submit и отменить поведение по умолчанию.

Ваш вариант анонимки не имеет ссылку, а значит this не доступен, а то обычно e это event или error, t обычно this родителя.

Есть такой аттрибут required. его можно устанавливать в true или false. Можно через чистый js, используя .setAttribute('required','true')

На сколько я помню, то такая штука есть в android. там приложения могут в каком-то режиме запускаться, при котором нельзя сделать скрин приложения или записать его. Однако, это только на устройстве.

Как понимаю каждая дорожка проигрывается в своем проигрывателе? Тогда шаманить второй проигрыватель и при конце в первом, воспроизводить второй. При конце во-втором, воспроизводить первый.

document.addEventListener("click",function(e){
if (e.target.targetName=='') { /* Тут разрешаем какие-то клики, главное в кавычках вставить имя элемента. */ }
else { e.preventDefault; }
},false);

Такой кусок кода может заблокировать любой клик, ну или если быть точней, то отменить действие по умолчанию.
Если такой вариант не работает, то попробуйте window.addEventListener

Есть два варианта.
1. Проверять на стороне клиента.
2. Проверять на стороне сервера.
Но во-всяком случае, если сделана проверка на стороне клиента, то на стороне сервера тоже обязательно нужно делать проверку.

Если он приходит на сервер пустым, то это уже может обозначать ноль, так как у вас в value стоит ноль.
Если вы его отметите, то только тогда будет ноль.
На сервер передается value, когда нажат.

1. Написать плагин, который будете запускать каждый раз, как будете открывать вкладку браузера.
2. В плагине реализовать код, который будет искать аудио плеер.
3. Берем src и в него подставляем свою ссылку.

Вот и все решение. Ну возможно имеется какой-то плагин для браузеров, но я такой не видел.

Если нужно просмотреть размер картинки, или посмотреть изображение, а может посмотреть видео или послушать аудио, то браузерный javascript это умеет делать без сервера.
Для этого вам нужно сделать форму, через которую можно выбрать файл на вашем устройстве. А далее все это обработать через javascript, воспользовавшись объектом files[0]
Если вы обратитесь к files[0]['name'], Получите имя файла, а воспользовавшись files[0]['size'], получите размер в байтах.

Могу лишь предложить такую логику. Нужно поставить жизнь сессии пять минут. Каждый раз, пока пользователь на сайте, будет обновляться жизнь сессии. Когда пользователь закроет вкладку или окно, то сессия больше обновляться не будет. Соответственно она удалится.