2012-12-28 29 views
5

İnternette bulduğum basit bir html5 mp3 oynatıcım var. Oynatıcı, sayfanın yüklenmesinden itibaren aşağı doğru bir kaydırma işlemidir; bu nedenle, oynat veya durdur düğmesine bastığımda, sayfa, oynatıcının görüş alanının en üst kısmına çıkar.Jquery'de hızlı kaydırmayı nasıl önleyebilirim?

Ayrıca sayfada başka bir komut dosyası da var, bu yüzden buna sebep olup olmadığını merak ediyorum.

Ben oyuncu kullanıldığında hala kalmak için sayfayı almak senaryom ekleyebileceğiniz bir şey var mı? peşin

sayesinde

<script> 
     $(document).ready(function(){ 
      $("#play-bt").click(function(){ 
       $("#audio-player")[0].play(); 
       $("#message").text("Music started"); 
      }) 

      $("#pause-bt").click(function(){ 
       $("#audio-player")[0].pause(); 
       $("#message").text("Music paused"); 

      }) 
     }) 
    </script> 

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" ></audio> 
         <div id="message">ROBIN - From "Snow in June"</div><br /> 
         <a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a> | 

cevap

2

görüntülenmesi zor olduğundan, düğmelerinizde bir href='#' ayarlanmış olduğundan, bu sayede tarayıcının bir kimlik aramasına neden olur. href'i kaldırın ve haşhaştan kurtulmalı.

değişiklik bu: Buna

<a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a> 

:

<a id="play-bt">PLAY</a> | <a id="pause-bt">PAUSE</a> 
+0

Parlak! Teşekkürler! Ben bunu oy sonra hiçbir sorun, ben 3 dakika beklemek zorunda kaldı cevabı :) – LightningWrist

+0

. Senin sırtını aldım;) – kennypu

+0

kabul unutmayın @LightningWrist – LightningWrist

1

deneyin bunu değiştirmek için: içinde

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" > 

bu

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3#audio-player" > 

I üzerinde kimliği gitmelidir bir # bunu + idname ekliyorum sayfa yüklenme sayısı:

p.s. işleyen bir kodun

+0

ben işe yaramadı korkuyorum. Teşekkür ederim. – LightningWrist

+0

Çalışma koduna bir bağlantınız var mı? – Ivo

İlgili konular