Heim Web-Frontend H5-Tutorial Gibt den Attributcontroller des aktuellen Mediencontrollers für Audio und Video in HTML5 zurück

Gibt den Attributcontroller des aktuellen Mediencontrollers für Audio und Video in HTML5 zurück

Nov 08, 2017 am 09:40 AM
h5 html5 音视频

Instanz

Erkennen Sie, ob das Video über Medien verfügtController:

myVid=document.getElementById("video1");
alert("Controller: " + myVid.controller);
Nach dem Login kopieren

Definition und Verwendung

Controller AttributGibt den aktuellen Mediencontroller von Audio und Video zurück.

Audio- und Videoelemente verfügen standardmäßig nicht über Mediencontroller. Wenn ein Mediencontroller angegeben ist, gibt die Controllereigenschaft diesen als MediaController zurück.

Browser-Unterstützung

Das Controller-Attribut wird von keinem gängigen Browser unterstützt.

Syntax

audio|video.controller
Nach dem Login kopieren
WertBeschreibung
MediaController-Objekt
描述
MediaController 对象

表示音视频的媒体控制器。

MediaController 对象属性/方法:

  • buffered - 获得音视频的缓冲范围

  • seekable - 或者音视频的可寻址范围

  • duration - 获得音视频的时长

  • currentTime - 获得或设置音视频的当前播放位置

  • paused - 检测音视频是否已暂停

  • play() - 播放音视频

  • pause() - 暂停音视频

  • played - 检测音视频是否已播放过

  • defaultPlaybackRate - 获得或设置音视频的默认播放速率

  • playbackRate - 获得或设置音视频的当前播放速率

  • volume - 获得或设置音视频的音量

  • muted - 获得或设置音视频是否已静音

Stellt den Mediencontroller für Audio und Video dar.

Eigenschaften/Methoden des MediaController-Objekts:

  • buffered – Audio abrufen und Video Der Pufferbereich
    <!DOCTYPE html> 
    <html> 
    <body> 
    
    <p>
    	<button onclick="checkMedCont()" type="button">检查视频是否拥有媒体控制器</button>
    </p>
    
    <video id="video1" controls="controls">
    	<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
    	<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
    	您的浏览器不支持 video 标签。
    </video>
    
    <script>
    var myVid = document.getElementById("video1");
    function checkMedCont() { 
    	alert("Controller: " + myVid.controller);
    } 
    </script> 
    
    </body> 
    </html>
    Nach dem Login kopieren
  • suchbar – oder der adressierbare Bereich von Audio und Video

  • Dauer – die Dauer des Erhaltens von Audio und Video
  • aktuelleZeit – Aktuelle Uhrzeit abrufen oder festlegen Wiedergabe von Audio und Video Position
  • pausiert – Überprüfen Sie, ob das Audio und Video pausiert wurde
  • play() – Spielen Sie das Audio ab und Video
  • pause() – Audio und Video anhalten
  • abgespielt – Überprüfen Sie, ob Audio und Video abgespielt wurden
  • defaultPlaybackRate – Standard-Wiedergaberate von Audio und Video abrufen oder festlegen
  • playbackRate – Aktuelle Wiedergaberate von Audio und Video abrufen oder festlegen
  • Lautstärke – Lautstärke von Audio und Video abrufen oder festlegen
  • stummgeschaltet – Ruft ab oder legt fest, ob Audio und Video stummgeschaltet sind
  • BeispielErkennen Sie, ob das Video über einen Mediencontroller verfügt:

    Das obige ist der detaillierte Inhalt vonGibt den Attributcontroller des aktuellen Mediencontrollers für Audio und Video in HTML5 zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    Video Face Swap

    Video Face Swap

    Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Heiße Themen

    Java-Tutorial
    1657
    14
    PHP-Tutorial
    1257
    29
    C#-Tutorial
    1231
    24
    Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

    Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

    Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

    Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

    HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

    Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

    HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

    Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

    HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

    Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

    HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

    Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

    HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

    Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

    Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

    Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

    See all articles