admin管理员组

文章数量:1350359

I have limited knowledge on JS/JQuery but I am wondering if you can detect the end of a HTML5 video and then Play the video in reverse and then play it from the start so basically an endless loop playing forwards and then backwards?

Using JQuery/Javascript

I have limited knowledge on JS/JQuery but I am wondering if you can detect the end of a HTML5 video and then Play the video in reverse and then play it from the start so basically an endless loop playing forwards and then backwards?

Using JQuery/Javascript

  • javascript
  • jquery
  • html
  • api
  • html5-video
Share Improve this question asked Oct 19, 2013 at 20:44 Chris LadChris Lad 3494 gold badges8 silver badges25 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

Streaming video codecs are optimised to be played forward so, while there is a playbackRate property of HTML5 video which you might be able to use to reverse the playback of your video (try setting it to -1), the result is probably not going to be particularly satisfactory.

A better approach would be to create an additional video at the encoding stage which runs in reverse. You could then use the video's ended event to toggle the source back and forward between the forward and reversed videos.

Or as Ken, has helpfully suggested in the ments, create a single video in which the sequence is played forward and then in reverse. You can then set the video to loop and you've got what you're after.

Just for your reference, the w3 have quite a handy example which allows you to explore in real time the various methods, properties and events available in HTML5 video.

本文标签： html5 video detect end then play in reverse JQuery and JavascriptStack Overflow

版权声明：本文标题：html5 video detect end then play in reverse? JQuery and Javascript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743875166a2554193.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。