Воспроизведение Javascript-плеера с помощью кнопки HTML

Question

Я реализую липкий аудиоплеер на веб-сайте, и он отлично работает. Тем не менее, я хотел бы создать кнопку воспроизведения, возможно, OnClick, в HTML, которая даст игру в проигрывателе, когда пользователь щелкнет по ней. Я пробовал несколько кодов, и никто не работал.

Последний был этим, и он тоже не работал.

<button type="button" onclick="$(this).myPlayer();">Play</button> 

В дополнение к Javascripts и внешний CSS, которые перед HEAD, скрипт, который запускает плеер на странице (рядный) заключается в следующем.

<script> 
    jQuery(function($) { 
     $('body').myPlayer({ 
      firstPlaying: 0, 
      autoplay: false, 
      shuffle: false, 
      //veryThin: true, 
      slideAlbumsName: true, 
      nowplaying2title: true, 
      roundedCorners: true, 
      //accentColor:"#cc181e", //008DDE    
      pluginPath: "player/", 
      playlist: [ 
       {mp3:"player/music/mymusic.mp3", title:"My Song", artist:"Mine", album:"Single", cover:"player/music/cover.png"} 
      ] 
     }); 

    }); 
</script> 

Из того, что я изучал, многие статьи упоминают использование тега HTML5 «data- *» внутри кода кнопки. Однако я не мог использовать его правильно.

Если кто-нибудь может мне помочь, я ценю это.

Answer 1

я не понял вашу проблему правильно, но вот фрагмент вы можете попытаться получить эту работу:

<button type="button" id="play-music">Play</button> 

В вашем сценарии, вы можете написать что-то вроде этого:

<script> 
    $(document).ready(function() { 
    $("#play-music").click(function() { 
     $('body').myPlayer({ ... }); // Your code here 
    }); 
    }); 
</script>