jquery视频播放

以下是关于使用jQuery实现视频播放的相关方法和资源整合：

基础实现方法

使用HTML5的<video>标签结合jQuery控制播放
HTML结构示例：

<video id="myVideo" width="400" controls>
  <source src="video.mp4" type="video/mp4">
</video>
<button id="playBtn">播放</button>

jQuery控制代码：

$(document).ready(function(){
  $("#playBtn").click(function(){
    $("#myVideo").trigger("play");
  });
});

常用控制功能

暂停视频：

$("#myVideo").trigger("pause");

跳转到特定时间点：

$("#myVideo").prop("currentTime", 60); // 跳转到60秒

检测视频结束事件：

$("#myVideo").on("ended", function(){
  alert("视频播放结束");
});

插件推荐

1. Video.js
   支持自定义皮肤和跨浏览器兼容：

   

   videojs("myVideo", {
     controls: true,
     autoplay: false
   });

2. jQuery Media Plugin
   老牌插件支持多种媒体格式：

   $('a.media').media({width: 800});

移动端适配

添加playsinline属性防止iOS全屏播放：

<video playsinline webkit-playsinline>

注意事项

• 跨浏览器需提供多种视频格式（如MP4/WebM）
• 移动端部分浏览器会阻止自动播放
• 考虑添加降级方案提示用户升级浏览器

相关文档参考：

• HTML5 Video API
• Video.js官网