首頁  >  文章  >  web前端  >  html5中設定或傳回瀏覽器應顯示標準的音視頻控制項的屬性controls

html5中設定或傳回瀏覽器應顯示標準的音視頻控制項的屬性controls

黄舟
黄舟原創
2017-11-08 10:50:492195瀏覽

實例

影片啟動控制項

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

定義與用法

##controls 屬性設定或傳回瀏覽器應顯示標準的音視頻控制。

標準的音訊視訊控制包括:

  • 播放

  • 暫停

  • 進度條

  • 音量

  • #全螢幕切換(供影片)

  • 字幕(當可用時)

  • 軌道(當可用時)

#瀏覽器支援

所有主流瀏覽器都支援controls 屬性。

註解:Internet Explorer 8 或更早的瀏覽器不支援此屬性。

語法

設定controls 屬性:

audio|video.controls=true|false

傳回controls 屬性:

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中,可以在標籤內部放置一個表單元素,並且透過該標籤的control屬性來存取該表單元素。

以上是html5中設定或傳回瀏覽器應顯示標準的音視頻控制項的屬性controls的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn