视频开启播放视频的功能
Video Onclick function for playing a video
我使用Html设计了一个视频问题,我已经使用Jquery删除了视频控件,所以我需要有onclick功能,就像当我们点击视频时它应该播放,如果我再次点击它应该暂停。
在你的html代码下面
<video id="video" width="1180" height="664" poster="put here your poster url" preload="auto">
<source src="put here your video url" type="video/mp4">
</video>
jquery代码
var video = document.getElementById("video");
video.addEventListener("click", function(event) {
if (video.paused == true) {
video.play();
}
else{
video.pause();
}
});
您可以像这样拍摄play
或pause
。这应该能够切换:
$(document).ready(function(){
$('YOUR_VIDEO_ID_OR_CLASS').click(function(){
$(this).get(0).paused ? $(this).get(0).play() : $(this).get(0).pause();
});
});
一个简单的方法是:
$(function() {
var video = $('video')[0];
$('button').click(function() {
if( video.paused ) {
video.play();
}
else {
video.pause();
}
});
});
小提琴例子
您可以将'button'
更改为另一个元素作为播放/暂停的触发器。你也可以将其更改为视频本身,如果你只想点击视频播放并暂停它
这就是你需要的:
<script type="text/javascript">
function vidplay() {
var video = document.getElementById("Video1");
var button = document.getElementById("play");
if (video.paused) {
video.play();
button.textContent = "||";
}
else
{
video.pause();
button.textContent = ">";
}
}
</script>
相关文章:
- 自定义HTML5视频控件-退出按钮不会启动全屏切换功能
- 如何修改此功能以获得最受欢迎的视频?(YouTube API v3)
- 使用视频js功能触发多个视频
- 用于启动视频的功能
- 浏览器同步摄像头加速视频播放不是一个功能
- 编写功能测试,HTML5 视频标签
- 如何使用停止功能停止视频
- 数组中的第一个视频始终是第一个或第二个在下一个视频功能上播放
- 是否有JS功能可以使Brightcove智能播放器视频开始播放
- 使用一个功能播放/暂停多个视频
- 如何结合这两个视频功能
- 在视频播放中添加录音功能
- 功能增量与视频同步(或自动增量)
- HTML 5 视频自动播放功能检测
- HTML5媒体流用于视频录制问题的录制功能
- 反转静音/取消静音功能这个特殊的html5视频播放器
- 如何创建新的YouTube视频加载功能
- 移动浏览器中的视频DOM功能:如何从定时功能停止视频
- HTML5视频循环src对端播放功能的更改不起作用
- 如何像在Facebook中一样实现后期视频功能