[html]<style>@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');</style>
​<div class="cheese_head_wrap">
<div class="cheese_head_first">
<div class="cheese_head_img">

      <img src="https://forumupload.ru/uploads/001c/5a/34/2/t814485.gif">

</div>
<div class="cheese_head_info">

      <span>Эмпирей. Четвертое крыло.</span>
      <em><br>
Открытие игрового форума состоится в середине января; <br><br>
Жанр: подростковое фэнтези<br>Игровое время в игре: 634 н.э
<br>Место действие игры: выдуманный мир со своими законами и правилами; королевство Наварра
<br>Расы мира: люди, драконы, грифоны
<br>Игровые расы: люди</em>

</div>
</div>
<div class="cheese_head_quenta">

<div class="for-music-wrap">
            <div class="for-music-bubble">
               <div class="for-music-container" onclick="toggleAudio()">
                  <audio controls controlslist="nodownload" id="header_track">
                     <!-- ссылка на трек -->
                     <source src="https://forumstatic.ru/files/001c/54/ad/37287.mp3" type="audio/mpeg">
                     Your browser does not support the audio tag.
                  </audio>
                  <div class="tab-play-button"></div>
                  <!-- название и автор композиции -->
                  <div class="tab-track-name"><b>out of the shadows</b> mae stephens</div>
               </div>
            </div>
</div>

<br><br>Придержанные роли: Violet Sorrengail, Xaden Riorson, Rhiannon Matthias, Liam Mairi, Tairn,  Aaric Graycastle

<br><br>
Придержанные внешности: Dominic Sherwood

<br><br>
</div>

<script type="text/javascript" src="https://forumstatic.ru/files/001b/60/aa/87833.js"></script>
<script>
pauseAudio = (event) => {
    let audio = document.querySelector('#personal_track');
    audio.pause();
}

var isPlaying;

toggleAudio = (event) => {
let audio = document.querySelector('#header_track');

var container = document.querySelector('.for-music-container');
var playButton = document.querySelector('.tab-play-button');

if (isPlaying) {
    audio.pause()
    isPlaying = false
    playButton.classList.remove('playing')
} else {
    audio.play()
    isPlaying = true
    playButton.classList.add('playing')
}

}
</script>
[/html]

Отредактировано Ксей (2024-12-09 22:54:29)