Hallo
Die Angaben:
- Adresse zum Blog (URL) : http://wordpress.nataliewilliams.eu/
- WordPress-Version : Wordpress 5.2.2
- Verwendetes Theme : Twenty Seventeen
- Zuletzt gemachte Änderungen:
Gemäss folgender Page habe ich ein mu-plugin erstellt:
https://godaddy.github.io/wp-primer-them…/mu-plugin.html
Das File befindet sich /wp-content/mu-plugins/my-customizations.php mit folgendem Inhalt:
<?php
// Enable video header support on mobile devices
add_filter( 'header_video_settings', function( $args ) {
$args['minWidth'] = 0;
$args['minHeight'] = 0;
return $args;
} );
?>Damit gelingt mir ein Video für Mobilgeräte einzubinden.
Nun ist es so, dass dies gut auf dem Samsung läuft (abgesehen davon, dass die Funktionalität des Play/Pause Button nicht vorhanden ist), auf dem Iphone spielt das Video im Hochformat nicht, nach dem Betätigen des Play Button im Querformat lässt sich das Video abspielen.
Zuletzt habe ich im global.js dies hinzugefügt, leider ohne Erfolg:
// Add header video class after the video is loaded.
$( document ).on( 'wp-custom-header-video-loaded', function() {
$body.addClass( 'has-header-video' );
});
$( document ).ready( function() {
$( document ).on( 'wp-custom-header-video-loaded', function() {
$("#wp-custom-header-video").attr('autoplay',true );
$("#wp-custom-header-video").attr('loop',true );
});
});
})( jQuery );- Wie kann ich nun ein Autoplay für alle Geräte bewerkstelligen?
- Wie kann ich den Play/Pause Button für alle Geräte aktivieren?
Danke und Gruss,
Les.