VideoJs 手动初始化失败答案

【问题标题】：VideoJs manual initialization failedVideoJs 手动初始化失败
【发布时间】：2017-03-14 12:34:14
【问题描述】：

我使用的是 videojs 版本 5.17.0。我已经使用 video 标签设置了 videojs 并添加了两个视频源。如果 Webm 视频源不工作，那么它应该回退到工作的 MP4 视频如果不使用 javascript 手动初始化 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-script 获取 videojs 对象并包含广告并使用 java-script 跟踪视频。

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

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

myPlayer.play();

【问题讨论】：

在 onDocumentReeady() 方法中初始化 videoJS 解决了这个问题。

标签： javascript html video.js

【解决方案1】：

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

【讨论】：

【解决方案2】：

要获取 videojs 的播放器实例，我使用此代码。

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

     ...
     
     player1.play();
}

此代码适用于 jquery.js。

【讨论】：