HTML5视频/视频海报的结尾

前端之家收集整理的这篇文章主要介绍了HTML5视频/视频海报的结尾前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<video controls="controls" poster="http://gifs.gifbin.com/1233925271_8be9acc.gif" style="width:800px;">

用上面的;在HTML5< video>内标签,我可以添加一个海报;的图像或动画.gif只是罚款,播放/运行在实际的视频“播放”之前.

现在,我如何添加一个图像?特别是一个.gif(动画.gif与海报合作),将在视频播放后运行?

解决方法

简而言之,您需要添加的是video.addEventListener(‘ended’,function(){}),并在您的自定义JavaScript中执行.

这是一个相关的帖子,在视频播放后重定向,您可以相应地修改它 – Redirect html5 video after play.

参考寻找详细信息:

> Everything you need to know about HTML5 video and audio
> Media events to which you can bind
> HTML5 Video Events and API
> MSDN – Using HTML5 video events

猜你在找的HTML5相关文章