2014-10-30 3 views
6

Ich habe ein html5 video element.html5 video element, start und end mal

<video id="video" loop="loop"> 
    <source src="src.mov"> 
</video> 

ich mag es zu einem bestimmten Zeitpunkt im Video starten (können sagen, ... 10 Sekunden) und zu einem bestimmten Zeitpunkt beenden (27 Sekunden)

Ich weiß, dass Sie dies tun können in JavaScript, aber ich möchte dies in HTML tun. Gibt es ein Start/End-Tag für das Videoelement?

+1

Check this out: [Festlegen von Wiedergabebereich - MDN] (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video#Specifying_playback_range) – showdev

+0

, die schön ist, für JavaScript, aber ist das in HTML möglich? –

+0

Diese Methode zum Festlegen eines Wiedergabebereichs erfordert kein JavaScript. Versuchen Sie, JavaScript in Ihrem Browser zu deaktivieren und laden Sie dann [diese Seite] (http://www.annodex.net/~silvia/itext/mediafrag.html). Beachten Sie, dass das Video nach dem Laden auf 20 Sekunden springt. (Andere Funktionen auf dieser Seite * benötigt * JavaScript. Zum Beispiel funktioniert der "Sprung" Button nicht ohne.) – showdev

Antwort

8

Sie können specify a playback range durch Anhängen der Start- und Endzeiten an die Quell-URL.

#t=[starttime][,endtime] 

Von MDN:

Die Zeiten im Format sein sollte

Der Wiedergabebereich Teil des Medienelement URI-Spezifikation Gecko 9.0 (Firefox 9.0/Thunderbird hinzugefügt wurde 9,0/SeaMonkey 2.6).

Hier ist ein Beispiel, ein Video zu spielen, von der zweiten 2 beginnt und endet an der zweiten 3:

<video controls autoplay> 
 
    <source src=http://techslides.com/demos/sample-videos/small.webm#t=2,3 type=video/webm> 
 
    <source src=http://techslides.com/demos/sample-videos/small.ogv#t=2,3 type=video/ogg> 
 
    <source src=http://techslides.com/demos/sample-videos/small.mp4#t=2,3 type=video/mp4> 
 
    <source src=http://techslides.com/demos/sample-videos/small.3gp#t=2,3 type=video/3gp> 
 
</video>

Referenzen:

Temporal Dimension of Media Fragments URI
Record of Mozilla integration (bug 648595)

Beispielvideos sind von techslides.com

+0

Danke! Das funktioniert großartig! Aber ein Problem, das ich habe, ist, dass das Video, das ich habe, eine Schleife ist, und wenn das Video eine Schleife hat, beginnt es am Anfang zurück. Weißt du, wie ich es am angegebenen Ort anfangen kann? Danke noch einmal! –

+0

Leider habe ich keine Möglichkeit gefunden, ein Fragment ohne JavaScript zu loopen. Allerdings habe ich einige [Diskussion] (http://web.archiveorange.com/archive/v/r8wmA7YRNZctPIrT4DzY) auf den [Schwierigkeiten] gefunden (https://www.w3.org/Bugs/Public/show_bug.cgi? id = 24910). – showdev

+0

Viel einfacher als das Reeding eines Clips - danke! – ConorB