javascript - 从 HTML 按钮播放 Javascript 播放器

Question

我正在网站上实现一个粘性音频播放器，它工作正常。但是，我想在 HTML 中创建一个播放按钮(也许是 OnClick)，当用户单击它时，它会在播放器中播放。我尝试了几个代码，但没有一个有效。

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

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

除了 HEAD 之前的 Javascript 和外部 CSS 之外，在页面上运行播放器的脚本(内联)是这样的。

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