用jQuery 插件 实现视频的点击播放

要用 jQuery 插件实现视频的点击播放，可以使用 jquery-video 插件。具体实现步骤如下：

1. 引入 jquery-video 插件的 CSS 和 JS 文件。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.video/1.2.2/jquery.video.min.css">
<script src="https://cdn.jsdelivr.net/jquery.video/1.2.2/jquery.video.min.js"></script>

2. 在 HTML 中添加视频元素。

<video id="myVideo" width="640" height="360" poster="video-poster.jpg">
  <source src="my-video.mp4" type="video/mp4">
  <source src="my-video.webm" type="video/webm">
  <source src="my-video.ogg" type="video/ogg">
</video>

3. 在 JavaScript 中调用 jquery-video 插件。

$(document).ready(function() {
  $('#myVideo').video({
    controls: true, // 显示控制条
    autoplay: false, // 不自动播放
    preload: 'auto' // 自动预加载
  });
});

4. 给视频元素添加点击事件。

$('#myVideo').click(function() {
  $(this)[0].paused ? $(this)[0].play() : $(this)[0].pause();
});

这样就实现了视频的点击播放功能。点击视频时，判断视频是否暂停，如果暂停则播放，否则暂停。注意，这里视频元素的 ID 为 myVideo，需要根据实际情况修改。