我有一个带有复杂视图逻辑的react应用程序。有一个视图需要不同的父视图和条件渲染。这会导致我的流引用丢失,或者视频重新启动。是否有任何方法可以设置它,以便我的视频示例可以在不重新启动的情况下到达新的视图状态?
我试过不显示,但它扰乱了我的视图,可见性隐藏重新启动视频。
这是我问题的一个沙箱。
https://codesandbox.io/s/romantic-wood-qnn2x0?file=/src/App.js:0-1004
我有一个带有复杂视图逻辑的react应用程序。有一个视图需要不同的父视图和条件渲染。这会导致我的流引用丢失,或者视频重新启动。是否有任何方法可以设置它,以便我的视频示例可以在不重新启动的情况下到达新的视图状态?
我试过不显示,但它扰乱了我的视图,可见性隐藏重新启动视频。
这是我问题的一个沙箱。
https://codesandbox.io/s/romantic-wood-qnn2x0?file=/src/App.js:0-1004
2条答案
按热度按时间puruo6ea1#
这是我想到的一个解决办法。
1.同时加载两个
VidInstance
以同步它们的播放时间。1.用 Package 函数
div
PackageVidInstance
,并给予div
与视频具有相同的宽度,以便在隐藏视频时保留空白空间。1.将
mute
prop传递给VidInstance
以静音并隐藏非活动视频。wbgh16ku2#
您必须在视频标签中使用标签
<source>
...它对我很有效: