从HTML按钮播放JavaScript播放器

Question

我正在网站上实现粘性音频播放器，而且工作正常。但是，我想创建一个播放按钮，也许在html中onclick，当用户单击它时，它将在播放器中发挥作用。我尝试了几个代码，但没有任何代码。

最后一个是这个，它也没有起作用。

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

除了头部之前的JavaScript和外部CSS之外，在页面上运行播放器的脚本（inline）是此。

<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>