Copertina Video non viene riprodotta su iPhone

• 

  danybeautyandmakeup · Membro · agosto 28, 2024 at 4:45 PM

  • Copia link
  • Aggiungi tema ai preferiti

  Ciao a tutti,

  ho un problema con l’homepage del mio sito wordpress:

  il blocco “cover” con video viene avviato in automatico su qualsiasi piattaforma ad eccezione di device iPhone. Il video non parte in automatico e viene visualizzata immagine poster del video. L’iphone non è in modalità risparmio batteria e non ci sono impostazioni particolari che blocchino l’esecuzione.

  Tramite editor codice non riesco ad effettuare nessuna modifica permanente, tramite altre domande nel forum ho provato a impostare in qualche modo l’attributo playsinline senza successo.

  <!-- wp:template-part {"slug":"header","theme":"pub/assembler","tagName":"header","align":"center"} /-->
  
  <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}}} -->
  <main class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:cover {"url":"https://danyesmakeup.com/wp-content/uploads/2024/08/sposa576.mp4","id":421,"dimRatio":0,"customOverlayColor":"#010101","isUserOverlayColor":true,"backgroundType":"video","minHeight":100,"minHeightUnit":"vh","isDark":false,"lock":{"move":true,"remove":false},"metadata":{"name":"Intro"},"align":"full","className":"alignfull playsinline","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}},"border":{"width":"0px","style":"none","radius":"0px"}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-cover alignfull is-light playsinline" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#010101"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://danyesmakeup.com/wp-content/uploads/2024/08/sposa576.mp4" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- wp:image {"id":32,"sizeSlug":"full","linkDestination":"none"} -->
  <figure class="wp-block-image size-full"><img src="https://danyesmakeup.com/wp-content/uploads/2024/08/logo-nome-trasparente2-387058254-e1723644299480.png" alt="" class="wp-image-32" /></figure>
  <!-- /wp:image --></div></div>
  <!-- /wp:cover -->

  Qualcuno può aiutarmi con una soluzione a questo problema?

  Grazie

  Ho bisogno d'aiuto per il blog (visibile solo agli utenti che hanno effettuato l'accesso).