Javascript Html5视频标签-仅加载前几秒钟

Javascript Html5视频标签-仅加载前几秒钟,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,我试图只加载html5视频标签的前几秒钟 或者,我可以重新措辞,说我想开始一段视频,让它播放几秒钟,然后完全停止加载(如果有必要,我可以隐藏视频元素) 请帮忙。谢谢 好的,解决方法是为window对象设置一个load事件,这样在加载整个页面后就会触发代码 或者您可以设置DOMContentLoaded此事件将在dom加载后触发此事件不会等待其他资源,如图像样式表等 有关这两个事件的更多信息,请参阅本文 要获得有关setTimeout函数的更多信息,请参阅下面的文章 顺便说一句,在您的情况下,

我试图只加载html5视频标签的前几秒钟

或者,我可以重新措辞,说我想开始一段视频,让它播放几秒钟,然后完全停止加载(如果有必要,我可以隐藏视频元素)


请帮忙。谢谢

好的,解决方法是为window对象设置一个load事件,这样在加载整个页面后就会触发代码

或者您可以设置DOMContentLoaded此事件将在dom加载后触发此事件不会等待其他资源,如图像样式表等

有关这两个事件的更多信息,请参阅本文

要获得有关setTimeout函数的更多信息,请参阅下面的文章


顺便说一句,在您的情况下,您可以使用以下代码段:

好的,解决方案是为窗口对象设置一个加载事件,以便在加载整个页面后激发代码

或者您可以设置DOMContentLoaded此事件将在dom加载后触发此事件不会等待其他资源,如图像样式表等

有关这两个事件的更多信息,请参阅本文

要获得有关setTimeout函数的更多信息,请参阅下面的文章

顺便说一句,在您的情况下,您可以使用以下代码段:

您可以使用url中的让浏览器知道应该播放媒体的哪一部分

例如,告诉它只播放媒体的前5秒,您可以将url设置为

https://www.example.com/example.mp4#t=05.
document.querySelector(“按钮”).onclick=({target})=>{
target.remove();
document.querySelector(“视频”).play();
};
视频{最大高度:100vh;}
播放
您可以使用url中的,让浏览器知道应该播放媒体的哪一部分

例如,告诉它只播放媒体的前5秒,您可以将url设置为

https://www.example.com/example.mp4#t=05.
document.querySelector(“按钮”).onclick=({target})=>{
target.remove();
document.querySelector(“视频”).play();
};
视频{最大高度:100vh;}
播放

视频启动时,设置一个计时器(使用setTimeout或跟踪视频本身上更改的时间),并在适当的时间暂停视频(如果要确保视频不保持缓冲),并在视频启动时将src设置为Null,设置一个计时器(使用setTimeout或跟踪视频本身上更改的时间)在适当的时候暂停视频,并(如果您想确保它不保持缓冲)将src设置为null