开发者社区> 问答> 正文

如图,在视频点播中调用replayByVidAndPlayAuth切换视频后,样式为什么会乱掉呀?

问题一:ebfe287d9f1c489afd6245ed4e980e77.png
在视频点播中调用replayByVidAndPlayAuth切换视频后,样式为什么会乱掉呀?
问题二:可能是什么原因造成的样式失效问题呢?
找到不同的点了,私有加密视频的切换不会有错乱的问题,私有加密和Hls加密之间切换会错乱

展开
收起
乐天香橙派 2023-07-25 19:57:52 73 0
4 条回答
写回答
取消 提交回答
    1. HTML结构未正确处理:在切换视频时,可能会改变HTML结构或替换某些元素,导致样式布局出现问题。确保在切换视频时,HTML结构和CSS样式得到正确处理。

    2. CSS样式未正确应用:切换视频后,可能需要重新应用相关的CSS样式,以确保新视频的播放区域和相关组件样式正确。检查样式表是否正确应用,并确保刷新或重新渲染所需的元素。

    3. JavaScript交互问题:如果切换视频涉及到JavaScript交互,可能存在逻辑问题或脚本错误导致样式乱掉。检查代码逻辑,确保切换视频时相关的JavaScript操作正确执行。

    2023-07-29 16:25:21
    赞同 展开评论 打赏
  • 针对问题一的回答:应该不会。replayByVidAndPlayAuth肯定不会影响 样式的 。 我给你个简单demo(vid和auth替换成你那边可以播放的),你用这个手机播放看看



    针对问题二的回答:好的,这个场景晚点我看一下—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”
    2023-07-26 09:33:59
    赞同 展开评论 打赏
  • 当在视频点播中调用 replayByVidAndPlayAuth 切换视频后,样式混乱可能由以下原因引起:

    1. 未正确重置或加载新视频的样式:切换视频后,您需要确保适当地重置或重新加载新视频的相关样式。这可能包括清除旧样式、重新应用新样式或重新加载CSS文件等。请检查您的代码,确保在切换视频时正确处理样式。

    2. 异步加载问题:如果加载新视频的过程是异步的,那么在视频切换期间,可能会导致样式闪烁或错乱。确保在加载新视频时,相应的样式已经完全加载并生效,以避免样式混乱的情况发生。

    3. 样式冲突:不同视频可能具有不同的样式需求,特别是对于自定义样式的情况。如果视频之间的样式相互冲突,可能导致样式混乱。请仔细检查您的样式表和相关代码,确保它们不会相互干扰。

    4. 响应式布局问题:如果您的网页使用了响应式布局,当切换视频时,可能需要适应新视频的尺寸或比例。确保您的页面布局能够正确处理不同视频的尺寸,以保持样式的一致性。

    2023-07-25 22:51:45
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    页面布局问题:切换视频后,可能由于页面布局问题导致样式出现问题。您可以检查页面布局是否正确,并且确保播放器的容器大小和位置适当。

    播放器资源未释放:切换视频时,未释放上一个视频播放器的资源可能会导致样式出现问题。您可以在切换视频时,先调用 release 方法释放上一个视频播放器的资源,然后再调用 replayByVidAndPlayAuth 方法播放新的视频。

    播放器样式设置问题:您可能在播放器样式设置方面出现了问题,例如播放器样式设置不正确或者播放器样式设置与页面布局不匹配。您可以检查播放器样式设置是否正确,并且确保播放器样式与页面布局匹配。

    其他问题:如果以上方法都无法解决问题,您可以考虑使用调试工具检查代码逻辑,或者联系阿里云技术支持人员寻求帮助。

    2023-07-25 20:27:31
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
互联网音视频点播业务云上实践 立即下载
《VoD问题排查与实战手册》 立即下载
低代码开发师(初级)实战教程 立即下载