当前位置： 首页 > article >正文

react项目中使用video标签设置自动播放并未及时播放解决

article 2025/2/22 2:05:55

react项目中使用video标签设置autoplay,但是视频不会直接播放，会加载一段时间后才会自动播放。

解决：
手动调用play方法

const videoRef = useRef();

useEffect(() => {
if(videoRef?.current){

	if(videoRef?.current.paused){
		videoRef?.current.play()
	}

}
},[])


<video  
	ref={videoRef} 
	autoplay 
	src="">
</video>

http://www.kler.cn/a/158410.html

相关文章：

  • 双列集合 Map常见的API Map遍历方式 HashMap LinkedHashMap treeMap
  • UNDERSTANDING AND IMPROVING INFORMATION TRANSFER IN MULTI-TASK LEARNING
  • B树你需要了解一下
  • 【独家OD2023C卷真题】20天拿下华为OD笔试【二分查找】2023C-部门人力分配【欧弟算法】全网注释最详细分类最全的华为OD真题题解
  • 什么是JVM的内存模型？详细阐述Java中局部变量、常量、类名等信息在JVM中的存储位置
  • Mybatis 面试连环炮，你能接住几个？
  • Swing程序设计详解（二）
  • Emscripten学习笔记之内存模型
  • PTA 7-236 验证哥德巴赫猜想
  • Spring系列注解补充
  • 微服务实战系列之Cache（技巧篇）
  • ChatGPT哪些行业需要学习？
  • 数字串最大乘积切分（动态规划）
  • Java分布式系统：了解分布式系统设计和通信协议
  • ReactDomServer 将react组件转化成html静态标签（SSR服务器渲染）
  • 游戏配置表的导入使用
  • windows下DSS界面本地集成linkis管理台
  • 记一次使用Java8新特性中的parallelStream⭐️数据流引发的接口异常以及解决方法
  • 手写promise A+、catch、finally、all、allsettled、any、race
  • 【CTA认证】Android CTA资料及信息安全要求