h5 video 手机 显示第一帧,使html5视频在结束时转到第一帧?

I have a simple video html5 tag, bound to an "ended" event:

$('#video').show().trigger("play").bind('ended', function () {

//code

}

Since I'm "showing" and "hiding" this through a button click, I wanted to make it return to the first frame on that last function, so it would start from the beginning the next time it appears (right now it starts from the ending, and it causes a nasty flicker when it goes from the last to the first frame).

Is that possible with jQuery?

Thanks in advance!

解决方案

You can use something like

$('#video').show().trigger("play").bind('ended', function () {

this.currentTime = 0;

}

You can only set the currentTime if the loadedmetadata event has passed.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uinap是基于React的用户界面库,用于构建Web应用程序的用户界面。在uinap中,要显示视频第一,可以使用HTML5的<video>元素。 首先,我们需要在应用程序的代码中引入uinap的相关组件和依赖。然后,在需要显示视频的地方,我们可以添加一个<video>组件。 要显示视频第一,我们可以通过在<video>元素上设置preload属性为"metadata"。这会指示浏览器仅加载视频的元数据,而不是整的视频文件。然后,在视频加载成后,我们可以使用JavaScript的play()方法播放视频,然后立即使用pause()方法暂停视频。 以下是一个示例代码,演示了如何在uinap中显示视频第一: ```javascript import React, { useRef } from 'react'; const VideoPlayer = () => { const videoRef = useRef(null); const handleVideoLoaded = () => { videoRef.current.play(); videoRef.current.pause(); }; return ( <div> <video ref={videoRef} onLoadedData={handleVideoLoaded} preload="metadata" controls > <source src="your-video-url.mp4" type="video/mp4" /> </video> </div> ); }; export default VideoPlayer; ``` 在该示例中,我们使用了React的useRef钩子来引用<video>元素,以便在JavaScript中操作它。handleVideoLoaded函数在视频加载成后被触发,然后我们调用play()方法开始播放视频,并立即使用pause()方法暂停视频。 需要注意的是,上述示例中的"your-video-url.mp4"应该替换为你自己视频文件的URL。 希望以上内容能帮助您在uinap中实现显示视频第一
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值