Documentatie

AEMaaCS: op mobiele apparaten worden twee afspeelknoppen weergegeven in video's over dynamische media

Last update: Wed Oct 22 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Op dynamische media-video's in Adobe Experience Manager (AEM) as a Cloud Service worden twee overlappende afspeelknoppen weergegeven wanneer deze worden weergegeven op mobiele apparaten. Om dit te bevestigen, werk montages van de Kijker vooraf in , inspecteer initialiseringsmanuscripten, en verzeker consistentie over milieu's.

Beschrijving description

Omgeving

  • Product: Adobe Experience Manager (AEM) as a Cloud Service - Plaatsen
  • Eigenschap: Dynamische Kijker van Media stelt vooraf in
  • Instantie: Productie
  • Platform: waargenomen op fysieke mobiele apparaten (bijvoorbeeld, iPhones)

Probleem/symptomen

  • Op dynamische media-video's worden twee overlappende afspeelknoppen weergegeven wanneer deze worden weergegeven op mobiele apparaten.
  • Dit probleem doet zich niet voor in desktopbrowsers, gesimuleerde mobiele omgevingen of testomgevingen.
  • De gedupliceerde afspeelknoppen worden weergegeven met verschillende top -eigenschapswaarden in het DOM.

Resolutie resolution

Voer de volgende stappen uit om dubbele afspeelknoppen in mobiele omgevingen te verwijderen:

  1. Wijzig de configuratie met voorinstellingen voor viewer om aangepaste afspeelknoppen voor bedekkingen uit te schakelen, zodat alleen de native afspeelknop van de browser wordt weergegeven.

    1. Ga naar Assets > Kijker stelt in AEM vooraf in.
    2. Bewerk de relevante Viewer-voorinstelling.
    3. Schakel opties uit die betrekking hebben op aangepaste besturingselementen voor bedekkingen voor mobiele apparaten.

  2. Controleer of het initialisatiescript van de videospeler meerdere keren wordt uitgevoerd, waardoor dubbele DOM-elementen kunnen worden gemaakt.

    1. Gebruik de browsergereedschappen voor ontwikkelaars om aanroepen van s7viewers.VideoViewer of soortgelijke functies te controleren.
    2. Voeg kenmerkend registreren toe om te volgen wanneer en hoe vaak deze manuscripten worden teweeggebracht

  3. Zorg ervoor dat CSS- en JavaScript-bestanden die zijn gekoppeld aan de voorinstelling van de viewer, consistent zijn in verschillende omgevingen.

    1. Vergelijk geladen elementen met de netwerkhulpprogramma's van de browser.
    2. Controleer of er geen extra scripts of stijlen .s7iconeffect of verwante klassen wijzigen.

  4. Als de kwestie slechts specifieke gebruikers beïnvloedt, ontruim het browser geheime voorgeheugen of test op incognito/privé wijze.

  5. Publiceer zowel de betrokken video-elementen als de bijgewerkte Viewer Presets om versies in de cache te vervangen.

  6. Nota : Dit is een facultatieve stap.

    U kunt voorwaardelijke CSS-regels voor mobiele apparaten toepassen om aangepaste overlays te onderdrukken. Gebruik:

    code language-none 
    @media (max-width: 767px) {
                .s7playbutton {
                    display: none !important;
                }
            }

  7. Valideer wijzigingen in een lagere omgeving voordat u gaat implementeren in productie.

    1. Testen op fysieke apparaten in plaats van simulatoren/emulators.
    2. Pagina's meerdere keren vernieuwen om consistent gedrag te bevestigen.

Gerelateerde lezing

​ Video in Dynamische Media ​ in de Gids van de Gebruiker AEMaaCS

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f