14

Web ページでビデオを再生する必要があります。しかし、私はコントロールを拒否する必要があります。「controls=0」と入力しましたが、クリックするとプレーヤーが一時停止します。YouTube プレーヤーの「一時停止」アクションを無効にすることはできますか?

4

7 に答える 7

24

何もないビデオの上に div コンテナを配置してみてください。つまり、ビデオ自体と同じサイズの空白のコンテナーです。これがすべきことは、誰かがそれをクリックしようとすると、実際にはその上にある透明なコンテナをクリックすることになり、一時停止できなくなります。これはうまくいくはずです。空白の div コンテナーが実際にビデオの上にあることを確認するために、z-index を変更する必要がある場合もあります。(最初に div コンテナーを背景色でテストし、色付きのボックスがビデオを覆っている場合は、戻って色を削除すると、同じように機能します。) 頑張ってください。

また、disablekbパラメータを 1 に設定して、ユーザーがスペース キーでも一時停止できないようにします。

于 2012-11-28T15:41:18.490 に答える
10

HTML を使用してビデオを表示していて、ビデオの表示に使用される CSS クラスにアクセスできる場合は、次の操作を実行できます。

HTML は次のようになります。

<iframe id="ytplayer" type="text/html" width="720" height="405"
src="https://www.youtube.com/watch?v=z4O-5eV4LiA"
frameborder="0" allowfullscreen>

選択したクラス名を追加します。ytplayer を選択します

class="ytplayer"

私の例では次のようになります

<iframe class="ytplayer" id="ytplayer" type="text/html" width="720" height="405"
src="https://www.youtube.com/watch?v=z4O-5eV4LiA"
frameborder="0" allowfullscreen>

次に、CSS ファイルに、クラスを変更するためのルールを追加します。私は ytplayer を使用しましたが、別のクラス名を選択することもできます。上記で使用したものと一致することを確認してください。

.ytplayer {
pointer-events: none;
position: absolute;
}

それはそれを行う必要があります。

于 2016-04-19T18:44:24.103 に答える
5

一時停止を完全に無効にする方法はありません。

onStateChangeYT.PlayerState.PAUSEDハンドラーでイベントをリッスンし、イベントを検出したらすぐに playVideo() を呼び出すことができますが、わかりません。それはあまりユーザーフレンドリーではないように思えます。

于 2012-11-19T21:55:47.763 に答える
1

" ?controls=0 " はプレーヤーの下部のコントロール パネルのみを非表示にしますが、画面の再生/一時停止をクリックしている間は通常どおり機能します

制御パラメーターの値は次のとおりです。

  • controls=0 – プレーヤー コントロールはプレーヤーに表示されません。AS3 プレーヤーの場合、Flash プレーヤーはすぐに読み込まれます。
  • controls=1 – プレーヤー コントロールがプレーヤーに表示されます。AS3 プレーヤーの場合、Flash プレーヤーはすぐに読み込まれます。
  • controls=2 – プレーヤー コントロールがプレーヤーに表示されます。AS3 プレーヤーの場合、ユーザーがビデオの再生を開始すると、Flash プレーヤーが読み込まれます。

この記事を確認してください。これは本当に役に立ちます https://developers.google.com/youtube/player_parameters

于 2012-11-17T16:03:27.037 に答える
0

ユーザーが何もクリックできないように画面をブロックする方法を次に示します。

// block screen so user cant click
var blockDiv = $(document.createElement('div'))
        .attr('id', 'blockDiv')
        .height('100%').width('100%')
        .css({'z-index':'3333', 'position' : 'absolute', 'top': '0', 'left':'0'});
$('body').append(blockDiv);
于 2015-11-13T16:47:06.417 に答える