播放按钮跟随div中的光标

<div id="container">
  <button class="play-button"></button>
  <div class="cursor-follow"></div>
</div>

.play-button {
  width: 50px;
  height: 50px;
  background-image: url('play.png');
  /* 其他样式属性 */
}

.cursor-follow {
  width: 10px;
  height: 10px;
  background-color: red;
  /* 其他样式属性 */
}

var container = document.getElementById('container');
var playButton = document.querySelector('.play-button');

container.addEventListener('mousemove', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  playButton.style.left = (x - (playButton.offsetWidth / 2)) + 'px';
  playButton.style.top = (y - (playButton.offsetHeight / 2)) + 'px';
});