html5 实现图片自动播放按钮

您可以使用HTML5的`<video>`元素来实现图片自动播放，同时添加一个播放/暂停按钮。以下是一个简单的示例：

<video controls autoplay>
  <source src="your_image.mp4" type="video/mp4">
  <source src="your_image.webm" type="video/webm">
  <source src="your_image.ogg" type="video/ogg">
  <!-- 如果浏览器不支持HTML5 video标签，您可以在此处添加备用内容 -->
</video>

<button onclick="playPause()">播放/暂停</button>

<script>
  var myVideo = document.getElementsByTagName("video")[0];

  function playPause() {
    if (myVideo.paused) {
      myVideo.play();
    } else {
      myVideo.pause();
    }
  }
</script>

在这个示例中，`<video>`元素包含一个`controls`属性，该属性添加了视频播放器的控件，包括播放/暂停按钮。`autoplay`属性可以使视频在页面加载时自动播放。

接下来，我们添加了一个按钮，它调用了一个名为`playPause()`的JavaScript函数。这个函数检查视频的播放状态，如果视频当前处于暂停状态，则播放视频，否则暂停视频。

在`<video>`元素内，我们添加了多个`<source>`元素，用于指定不同格式的视频文件。这样做是为了确保视频可以在不同的浏览器和操作系统上播放。如果浏览器不支持HTML5 video标签，您可以在此处添加备用内容。

请注意，这只是一个简单的示例，您可以根据自己的需求进行修改和调整。