jquery控制下的video视频播放

最新实现的video视频播放问题

在原来的工作中，使用过最基本的视频插入播放的效果，如下图所示：

这里通过使用controls属性来显示视频的播放按钮，以及进度条的展示，接下来，我将展示使用jquery控制单独的按钮，点击进行播放。效果图如下：
在这里插入代码片
这里我做了一个封面（使用了poster=“img/xx.jpg”）,当点击播放按钮式，对视频进行播放。
代码如下：
html:

<div class="all"><video width="320" height="240" src="two.mp4" loop poster="img/timg.jpg"></video><div class="video-start" style="display:none"><img src="img/start.png"></div><div class="video-stop" style="display:none"><img src="img/end.png"></div></div>

javascript:

 <script>$(document).ready(function(){$(".all").mouseover(function(){$(".video-start").show()})$(".all").mouseleave(function(){$(".video-start").hide()})$(".video-start").click(function(){$(".all video")[0].play()})})</script>

有兴趣的小可爱可以参考哦，欢迎指出不足的地方，共同进步~~~

jquery控制下的video视频播放相关推荐

m3u8 video ios h5_【H5】iOS系统下的video视频播放完后重新刷新视频
业务需求是H5页面中嵌套video视频,自定义控制视频暂停或者播放,但是对于ios系统下手机,会出现两个问题导致自定义播放事件失效: 1.ios系统下视频自动回放全屏幕播放 2.播放完之后定义在最后一 ...
学习使用jquery控制select下拉选项的字体样式
学习使用jquery控制select下拉选项的字体样式实现代码实现代码 <script src="../jquery-2.1.4.min.js"></scri ...
jquery设置video的宽度_jQ效果：jQuery和css自定义video播放控件
下面介绍一下通过jquery和css自定义video播放控件. Html5 Video是现在html5最流行的功能之一,得到了大多数最新版本的浏览器支持.包括IE9,也是如此.不同的浏览器提供了不同的 ...
video 视频播放
video 视频播放前言 1.js全屏Api 一.回放二.全屏播放常用属性,事件前言 1.js全屏Api 进入全屏if (ele.requestFullscreen) {ele.request ...
video视频播放以及主流浏览器兼容
直接看代码吧! <!DOCTYPE html> <html><head><metacharset="utf-8" /><met ...
jquery点击缩略图切换视频播放的视频切换焦点图效果
一款由jquery实现的视频切换特效,可以像图片切换那样切换所选择的视频来播放,图片切换相对来说较简单,但视频切换的话就需要播放插件的支持,选择视频缩略图后,上边原来显示大图片的地方是显示一个播放器, ...
day09【后台】权限控制-下
day09[后台]权限控制-下 1.目标5:密码加密 1.1.修改数据库表结构由于之前使用MD5加密,密码字段长度为32位:现采用带盐值的加密,需要修改密码字段的长度顺带把密码也改了 1.2.注入 ...
JS_画中画，video视频播放器
经常看视频的朋友可能会遇到视频"画中画"的效果,例如你在看优酷的电视剧,向下滚动看推荐视频或者评论等信息的时候,发现上面的播放视频被屏幕上滚之后遮盖了,右下方出现了一个小视频播放器 ...
jquery控制table的行显示和隐藏
jquery控制table的行显示和隐藏一.开发记录我们经常会遇到需要在html中控制元素进行隐藏或显示的场景: 隐藏: $('#id').css('display','none'); 显示: $ ...
H5 通过jquery动态的设置video src的值无法播放视频？
通过jquery动态的设置video src的值无法播放视频?参考链接: h5 动态更改链接 <div id="video-box"><video style=& ...

jquery控制下的video视频播放

jquery控制下的video视频播放相关推荐

最新文章

热门文章