我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] 删除。
我来说两句