javascript - Videojs 上的奇怪错误

Question

我不知道这是怎么发生的，我也看不到任何错误。第二次打开我的页面时，我似乎无法浏览视频。

请在此处查看屏幕截图:

我发现它说的这个错误，

TypeError: Floating-point value is not finite.
"Video is not ready. (Video.js)"

非常感谢您的帮助。

谢谢

Answer 1

当您说“我第二次打开页面时似乎无法浏览视频”？您是说您根本无法播放视频，还是无法在正在播放的视频中快进和快退？

您收到Type Error: Floating-point value is not finite 错误意味着您提供给 video.js 的某个参数的类型错误。 IE。当 video.js 需要一个整数(或类似的东西)时，你可能会为 video.js 提供一个字符串。

因为它在您第一次加载页面时有效，您是否尝试在离开页面时从中断处继续播放？

如果是这种情况，您可能将 currentTime 参数作为字符串存储在 cookie 或 localStorage 值中(例如使用 jQuery cookie这些通常会自动字符串化)并且在您需要 video.js 将其读回给您时忘记将其切换回 int。因为我注意到你的截图是 video.js 似乎不知道你的视频的持续时间(即搜索时间说 0:31/0:00)

这是你应该做的:

清除你的缓存，让第一次播放器加载工作:

在开始播放之前、播放结束之后以及播放过程中，您应该记录当前的播放拍号，即:console.log( videojs("id-of-your-video").currentTime() )

将时间签名 console.logs() 添加到这些 video.js 事件回调应该可以帮助您:

• durationchange (如果您的视频的总时长发生变化，则会触发)
• duration (告诉您视频的持续时间。尝试在它工作时记录它，并在它停止工作后再次记录它，看看值有什么变化)
• 如果您仍然遇到问题，请尝试使用视频 js timeupdate 记录值打回来。当当前播放位置发生变化时调用此事件(每秒可能发生数次)。如果所有其他方法都失败了，此回调可能会让您深入了解您获得无效类型值的确切时刻，但如果您遇到问题是尝试从 .currentTime( ) 从存储在用户 cookie/sessionStorage/localStorage 等中的错误类型读取值