Video in Intro startet nicht automatisch 
Autor: Wolf W.
Besucht 479,
Followers 1,
Geteilt 0
Ich habe (versuchsweise) eine Intro eingebunden: Ein großes Bild, innen ein Video aus dem Website X5 Fundus. In der "Vorschau" geht das nicht, das ist bekannt und nicht schlimm. Darum rufe ich meine Website zum Überprüfen immer im Browser auf. Die Website ist noch nicht auf einem Server, ich rufe sie lokal auf meinem Rechner auf.
Problem: DasVideo erscheint zwar, muss aber manuell gestartet werden. Ich hätte mir gewünscht, dass das Video von allein startet. Ist das machbar? Das kostenlose Medium ist eine MP4- Datei.
Gepostet am
Habe es mal offline getestet - Firefox spielt das Video gleich ab, bei Edge muss man klicken.
Bei Edge ist die automatische Video-Wiedergabe auf Webseiten standardmässig abgeschaltet, aber die Nutzer können die automatische Video-Wiedergabe aktivieren, siehe
--------------
Öffnen Sie in der Adresszeile von Edge die Einstellungsseite edge://flags/#edge-autoplay-user-setting-block-option, klicken Sie auf das oberste Default und stellen stattdessen Enabled ein. Klicken Sie dann unten auf Neu starten. Nun öffnen Sie in Edge die Seite edge://settings/content/mediaAutoplay, klicken auf Einschränken und auf Blockieren.
Quelle: https://www.computerbild.de/artikel/cb-News-Internet-Microsoft-Edge-92-Autoplay-eingeschraenkt-30531607.html
-------------
Die Frage ist nur, welche Besucher mit Edge erlauben die automatische Video-Wiedergabe.
Chrome habe ich nicht installiert, kann es also nicht testen.
(It > De) ... ... die automatische Wiedergabe der Videos, die die Audiospur enthalten, und die automatische Wiedergabe des Audios wurde in "mobilen" Geräten immer gesperrt, ...und es wird auch in den alten Programmführern erwähnt...
... aktuell und in letzter Zeit haben sich sogar einige große Browser an dieselbe Richtlinie angepasst...
... daher benötigen Sie zum Starten Interaktivität, oder klicken Sie auf Play, oder gehen Sie von einer anderen Seite zurück...
... für die INTRO-Seite wäre es besser, ein kompatibleres animiertes GIF-Bild zu verwenden;
- oder eine Diashow;
- oder ein Video ohne Tonspur;
- oder ganz einfach, Betten Sie das Video in das HTML5-Tag <VIDEO> ein, wobei das Attribut "muted" angewendet wird...
....................
... Zubehörhinweis: bei den als Hintergrund der Zeilen verwendeten Videos wird das Video direkt vom Programm "stumm" geschaltet und startet dann automatisch ohne Ton...
.
ciao
.
Autor
KolAsim: Das erklärt eigentlich alles, danke. Ich würde gern eine Diashow in die Intro einbinden, die steht aber dort leider nicht zur Auswahl. Wie geht das dann?
1) ... ... Sie könnten eine "versteckte" (
Verborgen) Seite erstellen, die zum Beispiel "slide-intro" heißt (slide-intro.html), enthält eine einzelne Zeile mit einem einzelnen Betreff, und Anwendung zu Ihrem Vergnügen oder die Zeilenhintergrund-Slideshow, oder die Bildobjekt-Diashow...
... auf diese versteckte Seite wende die Option an:
▪Seite ohne Vorlage erstellen
2) ... ... auf der INTRO-Seite ein HTML-Code-Objekt einfügen,
und in die HTML-Registerkarte dieses Objekts fügen Sie diesen einfachen (grundlegenden) Code ein:
<iframe src = "slide-intro.html" width = "800" height = "600"> </iframe>
... Parameter können geändert/angepasst werden ...
... machen Sie den Test, und wenn Sie zufällig Hilfe brauchen, posten Sie auch den LINK der beiden Seiten, INTRO und Slide-Intro, die Sie online erstellt haben...
.
ciao
.
Autor
Hallo KolAsim, vielen Dank für den Tipp. Es funktioniert wunderbar... ABER: Ich kann die Diashow nur dadurch beenden, indem ich in den Parametern angebe, nach wieviel Sekunden zur Homepage gewechselt werden soll. Ich habe aber eine Möglichkeit, diese Intro-Diashow per Knopfdruck manuell zu beenden, vielleicht ein Button "weiter". Ist das möglich?
Autor
... OK ... unter, oder später des bisherigen IFRAME-Codes, ... fügen Sie den Code dieses my DIV_CUSTOM ein:
<br>
<div class="link_K" style="position:absolute;width:200px;left:-100px;margin-left:50%;background-color: yellow;padding:10px; text-align:center;border-radius: 10px">
<a style="font-size:22px;text-decoration:none; color:blue;font-weight: bold;" href="home.html'"> EINTRETEN </a>
</div>
.
ciao
.