0

さまざまなボタンを備えたJavaScriptでビデオプレーヤーを作成しました。ここで、ビデオの再生方法に関する情報を提供するオブジェクトを JavaScript に追加したいと考えています。再生中、一時停止中、スローモーション再生中などです。

私のコードは次のようになります。

var doThings = function (n) { 'use strict';

    if (n === 1) {
        document.getElementById('video').play();
    }

    if (n === 2) {
        document.getElementById('video').pause();
    }
};
var volume = function (n) { 'use strict';

    if (n === 1) {
        document.getElementById('video').muted = true;
    }

    if (n === 2) {
        document.getElementById('video').muted = false;
    }
};
var fullscreen = function() { 'use strict'; if (video.requestFullscreen) { video.requestFullscreen();

    } else if (video.webkitRequestFullscreen) {
        video.webkitRequestFullscreen();
    }
};
var slowmotion = function (n) { 'use strict';

    if (n === 1) {
        document.getElementById('video').playbackRate = 0.5;
    }
};
var normalspeed = function(n) { 'use strict';

    if (n === 1) {
        document.getElementById('video').playbackRate = 1;
    }
};

mediaplayer のどの機能が現在使用されているかを示すオブジェクトを追加したいと考えています。console.log() を使用することもできますが、映画が再生されているウィンドウに情報を表示したいと考えています。

4

1 に答える 1

0

HTML:

<div id="Display"></div>

各関数の Javascript:

document.getElementById("Display").innerHTML("Function Being Used");

CSS を使用して、ビデオの上など、必要な場所に要素を配置してスタイルを設定します。特定のユースケースのレイアウトはわかりませんが、z-index とスタック順序を調整して、ビデオに関連する任意の場所に div を配置できます。

全画面モードでは動作しない場合があります。

于 2013-04-25T17:14:18.950 に答える