私の質問は、video.js プレーヤーに新しいコンポーネント (コントロール ボタン) を追加する方法です。
たとえば、ビデオの再生速度を変更できるようにするボタンを追加します。
簡単な例を示すことは非常に役に立ちます。どうもありがとうございました。
私の質問は、video.js プレーヤーに新しいコンポーネント (コントロール ボタン) を追加する方法です。
たとえば、ビデオの再生速度を変更できるようにするボタンを追加します。
簡単な例を示すことは非常に役に立ちます。どうもありがとうございました。
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();
};
});