HTML5 では、ブラウザーが標準のオーディオおよびビデオコントロールを表示する属性コントロールを設定または返します。-H5 チュートリアル-php.cn

HTML5 では、ブラウザーが標準のオーディオおよびビデオコントロールを表示する属性コントロールを設定または返します。

黄舟

リリース： 2017-11-08 10:50:49

オリジナル

2226 人が閲覧しました

例

VideoのControlsを起動します:

myVid=document.getElementById("video1");
myVid.controls=true;

ログイン後にコピー

定義と使用法

controlsプロパティは、ブラウザが表示する標準のオーディオおよびビデオコントロールを設定または返します。

標準のオーディオおよびビデオコントロールには以下が含まれます:

再生
一時停止
プログレスバー
音量
全画面切り替え(ビデオ用)
字幕（時利用可能な場合)
Orbital (利用可能な場合)

ブラウザのサポート

すべての主要なブラウザは、controls 属性をサポートします。

注: この属性は、Internet Explorer 8 以前のブラウザではサポートされていません。

構文

コントロール属性を設定:

audio|video.controls=true|false

ログイン後にコピー

コントロール属性を返す:

audio|video.controls

ログイン後にコピー

プロパティ値

値	説明
true	表示コントロールを示します。
false	デフォルト。コントロールが表示されていないことを示します。

技術的な詳細

戻り値	ブール値。 true\|false
デフォルト値:	false

例:

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8">  
        <title></title>  
    </head>  
    <body>  
        <form action="" method="post">  
        <label id="label">  
            邮编:  
            <input type="text" name="text"value="" maxlength="6">  
            <small>请输入六位数字</small>  
        </label>  
            <input type="button" value="设置默认值" onclick="setValue()">  
        </form>  
        <script type="text/javascript">  
            function setValue(){  
                var label = document.getElementById(&#39;label&#39;);  
                var textbox = label.control;  
                textbox.value=&#39;10010&#39;;  
            }  
        </script>  
    </body>  
</html>

ログイン後にコピー

HTML5 では、タグ内に form 要素を配置し、タグの control 属性を通じて form 要素にアクセスできます。

以上がHTML5 では、ブラウザーが標準のオーディオおよびビデオコントロールを表示する属性コントロールを設定または返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。