用js实现点击图片播放视频的功能

可以使用HTML5的video标签和JavaScript实现。具体步骤如下：

1. 在HTML中添加video标签和对应的图片，如下所示：

<div>
  <img src="video-thumbnail.jpg" alt="video thumbnail" onclick="playVideo()">
  <video id="myVideo" style="display:none;">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>

2. 在JavaScript中编写播放视频的函数playVideo()，如下所示：

function playVideo() {
  var video = document.getElementById("myVideo");
  var img = document.getElementsByTagName("img")[0];
  if (video.paused) {
    video.play();
    img.style.display = "none";
  } else {
    video.pause();
    img.style.display = "block";
  }
}

该函数首先获取video标签和对应的图片，然后检查视频是否处于暂停状态。如果是，就开始播放视频并隐藏图片。如果不是，就暂停视频并显示图片。

3. 最后，可以根据需要对video标签和图片进行样式调整。