ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 では、ブラウザーが標準のオーディオおよびビデオ コントロールを表示する属性コントロールを設定または返します。

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

黄舟
リリース: 2017-11-08 10:50:49
オリジナル
2201 人が閲覧しました

VideoControlsを起動します:

myVid=document.getElementById("video1");
myVid.controls=true;
ログイン後にコピー

定義と使用法

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

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

  • 再生

  • 一時停止

  • プログレスバー

  • 音量

  • 全画面切り替え(ビデオ用)

  • 字幕(時利用可能な場合)

  • Orbital (利用可能な場合)

ブラウザのサポート

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

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

構文

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

audio|video.controls=true|false
ログイン後にコピー

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

audio|video.controls
ログイン後にコピー

プロパティ値

説明
tru​​e 表示コントロールを示します。
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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート