So prüfen Sie den html5-video-support?

Ist es JavaScript oder jede andere Art von Prüfung für html5-video-support?

InformationsquelleAutor Forelic | 2010-08-25
  1. 15

    verwenden:

    <script>
alert(!!document.createElement('video').canPlayType);
</script>

    wenn es Warnungen true bedeutet, dass dein browser unterstützt HTML5-video-tag

    Hier ist die url zu überprüfen HTML5-Browser-Kompatibilität http://www.html5test.com/
    Öffnen Sie die url in Ihrem browser, um zu testen, wie gut Ihr browser unterstützt html5 -

    • IE11 gibt true zurück, aber nicht spielen hls-stream/video mit videojs. Mit einem flash-fallback ist keine option. Irgendwelche Ideen?
    InformationsquelleAutor sweets-BlingBling
  2. 5

    Nur ein wenig Verfeinerung von Süßspeisen-BlingBling Antwort : sorry - ich kann nicht kommentieren noch 🙁

    var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined') ? true : false;

    oder noch einfacher (Dank digitalBath - wie immer ich kann nicht sehen den Wald für die Bäume 🙂 )

    var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined');
    • Für was es Wert ist, "{boolean_expression} ? true : false" ist nichts anderes als ein "{boolean_expression}"
    • Einfach nur neugierig, wenn Sie diese Zeile von code generiert java-script Fehler beim Debuggen einer Seite, WENN der browser war eigentlich nicht in der Lage Parsen " - Dokument.createElement('video').canPlayType", weil es zu alt war für HTML5. Ich denke, es würde immer erzeugen "false" für die variable, aber würde es Würgen dabei?
    InformationsquelleAutor Anthony De Souza
  3. 4

    Haben Sie einen Blick auf Modernizer: http://www.modernizr.com/

    Dort bekommen Sie APIs so einfach wie

    if (Modernizr.video) {
  //html5 video available
}

    Aber viele weitere features und mehr geeignet APIs als auch.

    InformationsquelleAutor Andreas
  4. 1

    Eine Möglichkeit ist das einbetten von html5-tags, und legen Sie dann das alternate video-viewer innerhalb des video-tags als "fallback". Die fallback wird angezeigt, wenn ein browser nicht erkennt das tag. Seine nicht streng 'erkennen' html5-video-support, kann aber an Ihre Bedürfnisse anpassen.

    <video src='...'>
    <embed flash player instead>
</video>
    InformationsquelleAutor GrandmasterB
  5. 0

    Verwende ich eine leichte variation von @Süßigkeiten-BlingBling Antwort, die ist:

    var hasVideo = !!document.createElement('video').canPlayType &&
               !!document.createElement('video').canPlayType('video/mp4')

    Diese prüft auch, ob die Medien geben 'video/mp4' ist tatsächlich spielbar ist (ändern Sie dies, wenn dein video ein anderes Medium, wie 'video/webm' oder 'video/ogg'). Die Methode gibt eine leere Zeichenfolge zurück, wenn das video definitiv nicht gespielt werden und die 'probably' oder 'maybe' (eigentlich beide Ergebnisse bedeuten yes in den meisten Fällen) sonst. Ich hatte, um diese für Chrome 41 (scheinbar in der google-crawler), die canPlayType, aber nicht spielen kann mp4 videos.

    InformationsquelleAutor Remigius Stalder
Schreibe einen Kommentar