<body>
<section class="video-block">
<div class="information">
<select id="select">
<option disabled selected>Выберите язык</option>
<option>Английский язык</option>
</select>
<a data-text="Video information:">Информация о видео:</a>
<a data-text="Title: All For The Sake Of Hype">Название: Всё Ради Хайпа</a>
<a data-text="№1 in YouTube trends">№1 в трендах YouTube</a>
<a data-text="Number of views: 1.5 million">Количество просмотров: 1.5млн</a>
<a data-text="Number of likes: 10 chiliad">Количество лайков: 10тыч</a>
</div>
<figure>
<video id="mesto" class="vidos nety" controls="controls" copreload="auto" autoplay="true" loop="true" muted="muted">
<source src="src/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
</figure>
</section>
<section class="button-block">
<div id="button" class="button">
<a id="buttonText" data-text="Watch video" href="#">Смотреть видео</a>
</div>
</section>
<script src="js/script.js"></script>
</body>
window.onload = function() {
let a = document.getElementById('button');
let vidos = document.getElementById('mesto');
let b = document.getElementById('select').options.selectedIndex;
let texts = document.querySelectorAll('[data-text]');
let textButton = document.getElementById('buttonText');
let video = function() {
vidos.classList.remove("nety");
if (b == 0) {
texts.forEach(el => el.textContent = el.dataset.text);
textButton.textContent = textButton.dataset.text;
};
};
a.onclick = video;
}