Takker så meget Moff.
Da ser det faktisk ut som jeg kanskje ble litt klokere.
Skal studere koden og prøve å få dette inn i nøtta ila helga her.
Hei igjen.
Siden vi er så godt inni hele pakka her nå da.
Spille av lyd:
Kode
function play(i) {
var target = document.querySelector('audio[id="audio-' + i + '"]');
if(!target) return false;
target.play();
target.parentElement.classList.add('playing');
};
var audio = document.querySelectorAll('.audio');
HTML:
Kode
<div onCLick="play(<?php echo $song ?>)" class="pausePlay" id="pause-<?php echo $song; ?>" >
<audio data-playing="pause-<?php echo $song; ?>" data-header-id="dur-<?php echo $song; ?>" class="audio" id="audio-<?php echo $song; ?>" src="<?php echo get_field('music')['url']; ?>"></audio>
</div>
I DIV elementet her nå har jeg bakgrunnsbilde for en play knapp. Det samme for pause. Pause knappen kommer fram når denne får klassen "playing".
Men jeg får ikke til å pause lyden?
Har prøvd flere forskjellige metoder funnet på nett, men ser ikke hvorfor dette ikke vil fungere.
Det jeg har prøvd er å sjekke klassen "playing" og sjekke om childen audio har duration > 0 og deretter sette audio til pause().
Noen tips her folkens?
Sist endret av Nikon01; 2. november 2019 kl. 23:01.
Grunn: Automatisk sammenslåing med etterfølgende innlegg.