如何在单击图像时启动视频

Question

我想在点击图片时开始播放视频。有什么办法可以用javascript / jQuery做到这一点吗？

Answer 1

您应该使用HTML执行此操作。

<video controls poster="/images/the-image-to-show.png">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

这样就可以了。请记住，“控件”为您提供默认的视频控件。播放/暂停/声音等