Videos Mobile/Desktop austauschen

[vt1816]

Dies ist möglich, indem du das User-Agent-Header-Feld verwendest, um das Gerät zu erkennen und basierend darauf das entsprechende Video-Tag generierst.

Hier ist ein Beispiel, wie du dies in PHP umsetzen könntest:

PHP-Code:

<?php
$userAgent = $_SERVER['HTTP_USER_AGENT'];

// Prüfe, ob es sich um ein Smartphone handelt
$isMobile = isMobileDevice($userAgent);

// Definiere die Pfade zu den Videos
$desktopVideoPath = 'pfad/zum/desktop/video.mp4';
$mobileVideoPath = 'pfad/zum/mobile/video.mp4';

// Wähle den entsprechenden Pfad basierend auf dem Gerät
$videoPath = $isMobile ? $mobileVideoPath : $desktopVideoPath;

// Generiere das Video-Tag mit dem ausgewählten Pfad
$videoTag = '<video src="' . $videoPath . '" controls></video>';

// Gib das Video-Tag aus
echo $videoTag;

// Funktion zur Überprüfung, ob es sich um ein Smartphone handelt
function isMobileDevice($userAgent) {
    $mobileDevices = array(
        '/iphone/i',
        '/ipod/i',
        '/ipad/i',
        '/android/i',
        '/blackberry/i',
        '/webos/i',
        '/iemobile/i',
        '/opera mini/i',
        '/windows phone/i'
    );

    foreach ($mobileDevices as $device) {
        if (preg_match($device, $userAgent)) {
            return true;
        }
    }

    return false;
}
?>

In diesem Beispiel wird das `HTTP_USER_AGENT`-Header-Feld verwendet, um zu überprüfen, ob es sich um ein Smartphone handelt. Dafür wird die Funktion `isMobileDevice()` verwendet, die anhand einer Liste von bekannten mobilen User-Agenten prüft, ob eines davon im aktuellen User-Agent enthalten ist.

Je nach Ergebnis wird dann der Pfad zum Video für das Smartphone oder den Desktop ausgewählt und in das Video-Tag eingebunden.

Du müsstest die Pfade zu deinen eigenen Videos anpassen und sicherstellen, dass die Videos tatsächlich auf dem Server verfügbar sind.

Bitte beachte, dass dies eine einfache Methode ist, um das Gerät zu erkennen, aber nicht 100% zuverlässig ist, da der User-Agent manipuliert werden kann. Es gibt weitere fortgeschrittenere Techniken, wie z.B. das Auswerten von Media Queries in JavaScript, um die Bildschirmgröße des Geräts zu bestimmen und dann dynamisch das entsprechende Video zu laden.