HTML-Video nicht sofort bei Seitenaufruf starten sondern manuell

[Embo28]

Hallo!
Gibt es eine Möglichkeit das Video auf seiner Seite erst zu starten, wenn der Benutzer z.B. ein Bild anklickt? Ich möchte mein Video nicht beim Seitenaufruf starten und ich möchte auch nicht, dass der Benutzer es über ein Kontrollfeld, also den Play-Button selber startet, sondern das man immer einmal auf das Bild klicken muss um das Video zu starten und das Video dann auch nicht stoppen kann. Dieser manuelle Start... Das muss doch irgendwie gehen oder?
LG Max

 

[DestinatioN]

Hallo Embo28,
ich habe dir mal ein kleines Beispiel mit HTML und Javascript erstellt, dass deinen Vorstellungen entspricht.

<script type="text/javascript">
	function videoplay() {
		var video = document.getElementById("videosrc");
		var button = document.getElementById("play");	
		if (video.paused) {
			video.play();
			button.setAttribute('class','hiddingstart');
		}
	}     
</script>
<style>
	#video{
		position: absolute;
		width: 720px;
		height: 480px;
	}
		#start{
			position: absolute;
			width: 720px;
			z-index: 9999;
			horizontal-align: center;
			vertical-align: center;
		}
			.hiddingstart{
				visibility: hidden;
			}
		#play{
			z-index: 9999;
		}
		#videosrc{
			z-index: ;
		}
</style>        
<div id="video">
	<div id="start">
		<img id="play" src="play.png" onclick="videoplay()" width="480" height="320">
	</div>
	<video id="videosrc" width="480" height="320">
		<source src="video.mp4" type="video/mp4"/>
	</video>
</div>

Online kannst du dieses Beispiel hier sehen: Video Test

Hoffe, dass ich dir weiterhelfen konnte.

 

[kkapsner]

das Video dann auch nicht stoppen kann

Ich persönlich finde so was immer extrem nervig und wenn ich keinen Weg darum herum finden kann, war das meistens der letzte Besuch auf einer Seite...