jQuery从第二个零开始播放html5视频,但如果用户暂停视频,则保留当前帧

亚历山德罗

html5想使用poster来自视频帧的自定义视频来处理本地视频时遇到问题因此,我决定所有视频都已排队,该参数#t=1告诉浏览器从第二个视频开始播放视频1这样,我就有可能poster在视频中使用而不是黑色背景。但是我有一个问题可以简化为以下问题...使用以下JQuery,code我告诉浏览器从第二个0而不是第二个开始重新初始化视频1,这是因为我的视频中有#t=1因此,使用此JQuery可以code部分解决问题,因为我拥有video poster,尽管video设置为在第二秒之后1开始0但这会引起问题,用户单击视频,将其置于暂停状态,但始终从第二秒开始0,但是我宁愿在用户暂停视频的情况下,从中断点开始而不是从头开始。

这是我的伪代码...

$(document).ready(function() {
  var video = $("video")[0];
  // video starting from #t=1 now play from #t=0
  $("video").on("play", function() {
    this.currentTime = 0;
  });
  // pseudo code...
  if pause video then continue from interruption
});

每个建议都表示赞赏。谢谢你。

$(document).ready(function() {
  var video = $("video")[0];
  $("video").on("play", function() {
    this.currentTime = 0;
   }); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="video-html5" style="float: left; margin: 0 5px 5px 0"><video width="560" height="315" controls preload="metadata"><source src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4#t=1" type="video/mp4"></video></div>

海道

$("video").one(会按照您的要求解决您的问题,但我同意评论者的意见,直接使用poster属性而不是使用这种技巧可能会更好

$(document).ready(function() {
  $("video").one("play", function() {
    this.currentTime = 0;
   }); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="video-html5" style="float: left; margin: 0 5px 5px 0"><video width="560" height="315" controls preload="metadata"><source src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4#t=1" type="video/mp4"></video></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery在HTML5视频上播放/暂停很慢

来自分类Dev

播放完后如何播放第二个.mp4视频?

来自分类Dev

HTML5视频-在屏幕上单击播放/暂停视频

来自分类Dev

HTML5视频-在屏幕上单击播放/暂停视频

来自分类Dev

隐藏第二个播放/暂停按钮

来自分类Dev

锁定屏幕,同时在第二个屏幕上继续播放视频

来自分类Dev

正在播放两个视频,如何在FFmpeg中裁剪第二个视频

来自分类Dev

在屏幕尺寸上播放/暂停HTML5视频

来自分类Dev

通过 no-ip.com 用于第二个域的 Html5 选项

来自分类Dev

IE9 HTML5视频“播放”事件未在第二次播放中触发

来自分类Dev

播放和暂停多个html5视频,并在暂停时对其进行模糊处理

来自分类Dev

禁止在播放按钮暂停时播放HTML5视频

来自分类Dev

HTML5 视频播放器 onclick 播放/暂停不起作用

来自分类Dev

使用jquery检查HTML5视频是否正在播放

来自分类Dev

CSS选择的第二个孩子,从第二个开始

来自分类Dev

CSS选择的第二个孩子,从第二个开始

来自分类Dev

MPMoviePlayerController在第二个X时自动暂停

来自分类Dev

多线程会暂停第二个线程

来自分类Dev

jQuery第二个孩子

来自分类Dev

如何使用空格键播放/暂停html5视频

来自分类Dev

检测HTML5视频是播放还是暂停,并相应显示或隐藏Div

来自分类Dev

播放Html5视频并在特定时间点暂停

来自分类Dev

在YouTube上点击禁用HTML5 <视频>的播放/暂停/全屏显示

来自分类Dev

html5视频:播放/暂停自定义按钮问题

来自分类Dev

HTML5 如何在播放结束时暂停视频循环?

来自分类Dev

HTML5 视频 - 暂停几秒钟然后继续播放

来自分类Dev

如何使用HTML5播放视频?

来自分类Dev

限制HTML5视频播放的次数

来自分类Dev

HTML5视频无法播放

Related 相关文章

热门标签

归档