我尝试用jquery控制html5视频，两个视频分别在两个tab中，我希望点中tab后，该tab里的视频可以立即播放，而另外tab里的视频能够停止。
我的代码是这样的：
$('#playMovie1').click(function(){
$('#movie1').play();
});但发现这样不行，而用以下的js是可以的：
document.getElementById('movie1').play();解决方法：
play并不是jQuery的函数，而是DOM元素的函数，所以我们需要通过DOM来调用play，代码如下：
立即学习“前端免费学习笔记（深入）”；
$('#videoId').get(0).play();最简单的方法实现Play和Pause:
$('video').trigger('play');
$('video').trigger('pause');点击视频就能播放和暂停
$("video").trigger("play");//for auto play
$("video").addClass('pause');//for check pause or play add a class
$('video').click(function() {
if ($(this).hasClass('pause')) {
$("video").trigger("play");
$(this).removeClass('pause');
$(this).addClass('play');
} else {
$("video").trigger("pause");
$(this).removeClass('play');
$(this).addClass('pause');
}
})静音和取消静音
基于video弹窗视频播放代码
下载
使用jQuery video在线视频播放功能。div图片列表鼠标悬停显示视频播放按钮，点击弹窗方式打开mp4视频播放效果代码。默认我们需要配置ipath的视频路径。这是一款简洁好用的弹窗视频播放。
$('body').find("video").attr('id', 'video')
var myVid = document.getElementById("video");
$('.sound-icon').click(function() {
//here "sound-icon" is a anchor class.
var sta = myVid.muted;
if (sta == true) {
myVid.muted = false;
} else {
myVid.muted = true;
}
})HTML 5中播放视频的方法：
Try this page in Safari 4! Or you can download the video instead.
自动播放：
使用poster在视频无法加载时显示图片：
一个比较简洁的例子：
下面是一个比较完整的例子：
Full player example
