Autoplay funktioniert bei Chrome nicht

14.12.2020 17:34
#1
Li

Hallo zusammen,

ich habe folgendes Anliegen. Auf meiner Website möchte ich gerne ein Video automatisch abspielen lassen. Firefox und der Internet Explorer funktionieren.

Nur bei Google-Chrome nicht. Das eigenartige im Bearbeitungsmodus und auch in der Seitenansicht wird das Video automatisch abgespielt.

Kann ich den Code irgendwie erweitern, dass das Video auch in Chrome automatisch abgespielt wird?

Hier mein Code:

<video autoplay="true" poster="URL Bilde" width="100%" height="auto"><source src=
"URL Video-Datei" /></video>


 Antworten

 Beitrag melden
16.12.2020 00:00
#2
avatar

Baue das ganze doch mal auf einer Testseite nach und poste die URL


 Antworten

 Beitrag melden
17.12.2020 23:14
avatar  az_
#3
avatar
az_

Du musst dem Ganzen noch ein mute="" hinzufügen, dann startet es auch beim Chrome automatisch.
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
19.12.2020 12:39
#4
Li

Hi,

ja und wie kriege ich es hin, dass der Ton trotzdem abgespielt wird?

Ich habe herausgefunden, dass Google Chrome genau das unterbindet. Allerdings gibt es noch einige Websites bei denen das geht. Irgendeinen Code muss es ja geben.

Viele Grüße


 Antworten

 Beitrag melden
20.12.2020 18:13
avatar  az_
#5
avatar
az_

... schick mir mal einen Link von einer Webseite, wo das geht.


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
27.12.2020 17:22
#6
Li

Habe ich leider noch nicht wiedergefunden.

Sobald ich was habe, melde ich mich.

Andere Frage:
Wie schaffe ich es einen Button zu erstellen, der den Ton wieder anstellt, oder dass in der Toolbar nur der Ton angezeigt wird, jedoch nicht der Play und Stop Button?

Viele Grüße


 Antworten

 Beitrag melden
27.12.2020 22:24 (zuletzt bearbeitet: 28.12.2020 00:35)
avatar  az_
#7
avatar
az_

Mit einem Java Skript, s.h. z.B.: https://www.codegrepper.com/code-example...l5+video+player

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 

$("video").prop('muted', true);
 
$(".mute-video").click(function () {
if ($("video").prop('muted')) {
$("video").prop('muted', false);
$(this).addClass('unmute-video'); // changing icon for button
 
} else {
$("video").prop('muted', true);
$(this).removeClass('unmute-video'); // changing icon for button
}
console.log($("video").prop('muted'))
});
 
 




...auf https://designtest-newyork.jimdofree.com...orestiebautzen/ habe ich es einfach per Klick auf das Video gemacht - das geht auch:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 

<center>
<video id="myVideo" controls="" autoplay="" loop="" muted="" playsinline="" poster="https://redesign-berlin.lima-city.de/__project/LindaKowsky/OrestieBautzen.png" class="fullwidth"><source src="https://redesign-berlin.lima-city.de/__project/LindaKowsky/OrestieBautzen.mp4" type="video/mp4"/></video>
</center>
 
<script type="text/javascript">
 
if (document.location.href.indexOf('e.jimdo.com') > -1) {} else {
 
var video = document.getElementById("myVideo");
$(video).on("click", function(e) {
if (video.muted) {
video.muted = false;
} else {
video.muted = true;
}
if (video.paused) {
video.play();
} else {
video.pause();
}
});
 
}
</script>
 


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
28.12.2020 12:56
#8
Li

Danke.

Ich habe im Übrigen endlich eine Website gefunden, wo das Video automatisch abgespielt wird (mit Ton)

https://studyflix.de/wirtschaft/kapitalumschlag-1300


Ich muss gestehen, Java kann ich nicht. Hab ich die Möglichkeit, das Ganze über das HTML Element zu lösen?

Vielleicht klärt sich meine Frage, wenn du eine Lösung bei oben genannten Link hast und das Video mit Ton abgespielt wird, dann erübrigt sich der Button.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!