1

私の質問は、video.js プレーヤーに新しいコンポーネント (コントロール ボタン) を追加する方法です。

たとえば、ビデオの再生速度を変更できるようにするボタンを追加します。

簡単な例を示すことは非常に役に立ちます。どうもありがとうございました。

4

2 に答える 2

2

VideoJS が再生レートを直接サポートしているようには見えませんが、私の理解では、これは HTML5 Video Element のファンシーなラッパーにすぎません。

このスタック オーバーフローの質問/回答によれば、 W3C HTML5 Video Wiki Entryで参照されているように、HTML5 ビデオの再生速度を DOM 要素で直接変更できます。

サポートが組み込まれていないように見えるため、これを行うにはおそらく VideoJS を回避する必要があります。また、この属性のサポートをめぐってブラウザー間で問題が発生する可能性があります。

単純にコントロールを追加する場合、VideoJSは要素を制御するために使用できるJavascript APIを実装していますが、最も基本的なコントロール (再生/一時停止/移動/フルスクリーンなど...) にかなり限定されているようです。

プレーヤーのデフォルト コントロールは大幅にカスタマイズできるようには見えないため、より明確なエクスペリエンスを提供したい場合は、ビデオ内コントロールを無効にして、video 要素の下の html/dom/js に独自のコントロールを再実装することができます。

例:

非常に単純な html と Javascript を使用すると、いくつかの単純なコントロールを接続できます。

HTML:

<video id="Vid" ...>
</video>
<div id="Controls">
 <a id="Play" href="#Play">Play</a> - <a id="Pause" href="#Pause">Pause</a>
</div>

JS:

_V_("Vid").ready(function() {
  var player = this;

  var playbutton = document.getElementById("Play");
  var pausebutton = document.getElementById("Pause");

  playbutton.onclick = function(event) {
    player.play();
  };

  pausebutton.onclick = function(event) {
    player.pause();
  };

});
于 2012-05-22T23:38:22.537 に答える