Autostart bei Videos funktioniert nicht

[kukki]

Ich hatte zum Wechsel zwischen Weihnachten und Neujahr Videos auf die Website gestellt. Keines Videos startet automatisch,
trotz der Einstellungen "AUTOSTART: X" ,



weder im Firefox. noch im Chrome.

[Uwe367]

Ich hatte das auch mal vor einiger Zeit versucht und das funktionierte nicht so wirklich. Ob es ein "Bedienungsfehler" von mir war oder ein vielleicht ein Systemfehler ist, keine Ahnung. Ich habe es dann über den CP HTML in etwa wie folgt gelöst. Der Code ist beispielhaft und muss an die eigenen Bedürfnisse angepasst werden, aber das funktioniert, sogar responsive wenn man das ganze anpasst.

Code: Select all

<video width="320" height="240" poster="poster.png" autoplay controls>
<source src="my-video.mp4" type="video/mp4"> 
</video>

Auch hier nachzulesen:
https://www.w3schools.com/tags/att_video_autoplay.asp

Habe gerade noch etwas ausprobiert.
Im Quellcode wird folgender Code gerendert:

Code: Select all

<video width="320" height="240" autoplay="autoplay" controls="controls" preload="auto">

Das habe ich mal mittels Frontend Render folgendermaßen umgebaut:

Code: Select all

$content['all'] = str_replace ('autoplay="autoplay" controls="controls"', 'autoplay controls', $content['all']);

so dass im Quellcode dann

Code: Select all

<video width="320" height="240" autoplay controls preload="auto">

gerendert wird.
Und damit klappt das ganze dann und das Video startet automatisch.
Ob es nur ein Zufall ist, keine Ahnung, aber es läuft.

Und wenn das ganze dann noch responsive sein soll hilft ebenfalls Frontend Render weiter. Wieder nur beispielhaft.

Code: Select all

$content['all'] = str_replace ('video width="854" height="356"', 'video width="100%"  height="auto"', $content['all']);

BTW..... @Oliver....
Wäre es ein großes Problem Videos im CP so einzubauen daß sie responsive gestaltet werden können?
Bisher scheint das nicht zu funktionieren, jedenfalls erschließt sich mir im CP selbst keine Möglichkeit dazu und auch im Template hat man keine Möglichkeit das entsprechend anzupassen da der RT { PLAYER } das video-TAG bereits beinhaltet. Einzige Möglichkeit derzeit ist, so wie ich das sehe, über Frontend Render.

Des weiteren wünsche ich euch allen, die, die hier noch mitlesen, einen guten Rutsch und alles Gute für das neue Jahr.

[top]

Mittlerweile akzeptieren viele Browser die Anweisung "autoplay" nur noch in der Kombination mit "muted".

Vermutlich hat die Unsitte, dass Werbebanner einen auch noch ungefragt mit nervigem Sound berieseln wollen, die Browserentwickler zu diesem harten Schritt bewogen.

[Uwe367]

Mittlerweile akzeptieren viele Browser die Anweisung "autoplay" nur noch in der Kombination mit "muted".

Du hast wohl Recht. Das wusste ich auch noch nicht, ist aber schlüssig und plausibel.
Hier mal etwas bei stackoverflow wo jemand das gleiche Problem hatte.
https://stackoverflow.com/questions/502 ... hout-muted
Ist auch im CP recht einfach zu lösen. Einfach die Lautstärke auf "stumm" setzen und schon wird das "muted" Attribut im Quellcode hinzugefügt und dann läufts.
Danke für den Hinweis.

[Oliver Georgi]

Und wenn das ganze dann noch responsive sein soll hilft ebenfalls Frontend Render weiter. Wieder nur beispielhaft.

Code: Select all

$content['all'] = str_replace ('video width="854" height="356"', 'video width="100%"  height="auto"', $content['all']);

Also das mit dem Responsive ist eine Sache des CSS und nicht der width und height Attribute.

Und Du kannst den Player problemlos auf Responsive umbauen. Bootstrap 5 z.B. https://getbootstrap.com/docs/5.1/helpe ... ect-ratios

Code: Select all

[PLAYER]<div class="ratio ratio-16x9" id="{ID}">
    {PLAYER}
</div>[/PLAYER]

[Uwe367]

Danke für den Hinweis.
Dass ich das ebenfalls mit Bootstrap umbauen kann wusste ich nicht.

[kukki]

Hallo liebe phpwcms-User,
eigentlich wollte ich nichts mehr in meinem Ruhestand groß anfangen, aber nach gut drei Jahren muss ich eine Website für ein Restaurant etwa umstellen und auf Wünsche der GFn eingehen.

Soweit kein großes Problem, ein neues Video wurde eingestellt und angepasst, ABER:

Im Firefox sind die Steuerelemente nur bei MouseOver zu sehen, im Chrom sofort beim Start, letzteres sollte eigentlich Standard sein. Das Autoplay funktioniert auch nicht, ob das mit dem "muted" zu tun hat, konnte ich bis hierher nicht bestätigen.

Gab oder gibt es dazu Upgrades Diese Seite läuft immer noch auf r553.

[Oliver Georgi]

Das hängt davon ab, was dort als Unterbau für das Anzeigen des Videos benutzt wird. Ohne Beispiellink stochert man im Nebel.

[kukki]

Überlesen?

eigentlich wollte ich nichts mehr in meinem Ruhestand groß anfangen, aber nach gut drei Jahren muss ich eine Website für ein Restaurant etwa umstellen und auf Wünsche der GFn eingehen.

[Oliver Georgi]

Da nur HTML5 ist der Browser verantwortlich, sollte also reines HTML sein.

[kukki]

Danke für das Feedback. Allerdings befriedigt mich das nicht so richtig. Die einzelnen Haken an der Auswahlkästen zeigen in verschiedenen Kombinationen keine besondere Änderungen. Ich habe als beste Alternative jetzt einen Button auf dem Videobild
Damit kann der Websiteeigentümer leben.

[Oliver Georgi]

Ja, die VideoJS Lösung. Manches musst Du dann per Template lösen.

Wäre gut, im Footer das powered by mal anzupassen (da fehlt das w) oder wegzunehmen