Question

我正在使用videojs版本5.17.0。我使用视频标签设置了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脚本获取videojs对象并包含广告并使用java脚本跟踪视频。

现在的问题是，如果webm视频源无法正常工作，那么在初始化javascript中的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手动初始化失败

2 个答案: