VideoJs 手动初始化失败

Question

我正在使用 videojs 版本 5.17.0。我已经使用视频标签设置了 videojs 并添加了两个视频源。如果 Webm 视频源不工作，那么它应该回退到正在工作的 MP4 视频如果不使用 java 脚本手动初始化 videojs 播放器。

<video id = "my-player" class="video-js">
<source id="webm" src="https://media.w3.org/2010/05/sintel/trailer.webm" type='video/webm'>
<source id="mp4" src="https://media.w3.org/2010/05/sintel/trailer.mp4"  type='video/mp4'>   
</video>

此外，我需要使用 java-脚本获取 videojs 对象并包含广告并使用 java-脚本跟踪视频。

现在的问题是，如果 webm 视频源无法正常工作，那么它会在 java 脚本中初始化 videojs 播放器对象时崩溃。

var myPlayer = videojs("my-player"));  //this is where error happen

myPlayer.play();

Answer 1

在 onDocumentReeady() 方法中初始化 videoJS 解决了这个问题。然而，这是处理这个问题的理想方式，但仍然需要更好地处理这个问题。

Answer 2

为了获取 videojs 的播放器实例，我使用了这段代码。

$(document).ready(function()
     var videojs1 = videojs('my-player');
     var player1 = videojs1.player();

     ...
     
     player1.play();
}

此代码适用于 jquery.js。

VideoJs 手动初始化失败

VideoJs manual initialization failed

html

javascript

video.js