Spielen Sie Videos in einem div in HTML

Ich versuche, ein video abzuspielen, die in einem div-tag in html
aber wenn ich folgenden code, der browser fragte, ob ich das video herunterladen möchten. Ich will nicht um es zu downloaden, ich will die einfach spielen. Auch diese Meldung erschien in der div

"Zu installieren, müssen Sie eine Erweiterung, um den Inhalt anzuzeigen"

Ich bin mit firefox-browser

Das, was ich in der html-Datei :

<div>
<object type="Brave/quicktime" data="Brave.avi" width="624" height="352">
<param name="pluginurl" value="http://www.apple.com/quicktime/download/" />
<param name="controller" value="false" />
<param name="autoplay" value="true" />
</object>
</div>
  • Warum bist du nicht mit HTML5 ist <video> tag?
  • JulesMazur ich habe versucht, und der browser gab mir diese Meldung nicht zu finden, die das video-format oder MIME-Typ
  • Welcher browser (version und build) verwendest du?
  • Ich bin mittels firefox 18.0.1
  • Das ist seltsam. Nach caniuse, FF unterstützt <video> seit 16.0. Könnte es etwas damit zu tun haben der Typ wird "Brave/quicktime"? Brave ist kein format, das ich gehört habe. EDIT: "Brave/quicktime" kein Gültiger Typ. Es sollte video/quicktime. EDIT2: die quicktime Art vorbehalten ist .mov-Dateien. Dies sollte video/avi.
  • es funktioniert !! Dank
  • Pay it forward.

InformationsquelleAutor Calm Sea | 2013-01-28
  1. 5

    Versuchen mit dem video-tag

     <div>
   <video width="700" height="450" controls="controls" poster="image" preload="true">
     <source src="where the video is" type="video/mov"/>
     <source src="where the video is" type="video/mp4" />
     <source src="where the video is" type="video/oog" />
     Your browser does not support the video tag.
   </video>
</div>

    Sie müssen auch verwenden Sie eine andere video geben. AVI-Datei-Typen werden nicht unterstützt das html5-video-tag.

    InformationsquelleAutor zazvorniki
  2. 1

    Versuchen, diese 

    <video width="624" height="352" controls>
<source src="Brave.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

    Außerdem würde ich nicht verwenden AVI als format für die Videos.

    Verwenden Sie MP4-dann können Sie den HTML5-video-tag.

    • der browser gab mir diese Meldung : Haben Sie nicht das video-format oder MIME-Typ
    • Dies wird nur funktionieren, wenn Sie haben ein .die mp4-version der video-Datei in das Verzeichnis.
    • Ich Band ti verwenden .mp4 vedio aber der browser geben diese Nachricht "quick time ist zusammengebrochen"
    InformationsquelleAutor Matt Stephens
  3. 0

    Ihr Hauptproblem ist, dass Sie eine ungültige MIME-Typ (wie haben Sie darauf hingewiesen, sich selbst, gibt der browser eine "ungültige MIME-Typ" message). Sie sind auch mit der <object> - Tags, die veraltet ist als HTML5.

    Bevor Sie mit up-to-date markup, stellen Sie sicher, dass Ihre DOCTYPE Erklärung liest, <DOCTYPE html>, und nichts mehr. Dies sagt dem browser, dass Sie über ein HTML5-Dokument handelt, und dass der richtige tag-Definitionen geladen werden soll. Wenn Sie beim deklarieren einer HTML4 DOCTYPE Ihr browser möglicherweise nicht in der Lage zu verarbeiten HTML5-tags.

    Sobald das erledigt ist, verwenden Sie die <video> tag. Nun, das markup sollte in etwa so Aussehen:

    <DOCTYPE html>
<html>
    <head>
    <!-- your styles, scripts, and other head info -->
    </head>

    <body>
        <video src="Brave.avi" controls="yourControls" autoplay="false">
        Your browser doesn't support the `<video>` tag. /*this is a fallback*/
        </video>
    </body>
<html>

    Werden Sie feststellen, dass es keine type Attribut für die <video> tag. Das ist, weil das <video> - tag nicht wirklich unterstützen, das Attribut. Dies führt zu weniger Codierung, das ist immer eine gute Sache.

    On a side note, vermeiden Sie die Verwendung der .avi - format. Der h264-codec wurde nur ein offizieller standard, was bedeutet, dass mit .mp4 oder auch die oft vernachlässigte .ogg - format vorzuziehen, da Sie weniger Bandbreite und sind mehr breit unterstützt wird.

    • diese Lösung hat nicht funktioniert zu
    • Die Lösung, die funktioniert, ist, dass Sie in Ihrem vorherigen Kommentar, das object-tag, und ändern Sie "Mutig/quicktime", um "Video/quicktime"
    • der browser gab mir die gleiche Meldung für diese Lösung
    InformationsquelleAutor Jules
Schreibe einen Kommentar