<turbo-stream action="dialog" target="onboarding-video-dialog-component">
    <template>
      
<dialog-helper>
  <dialog data-controller="media-dialog" id="onboarding-video-dialog" aria-modal="true" aria-labelledby="onboarding-video-dialog-title" aria-describedby="onboarding-video-dialog-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-xlarge Overlay--motion-scaleFade Overlay--size-large-portrait Overlay--disableScroll">
    <div data-view-component="true" class="Overlay-header Overlay-header--large">
  <div class="Overlay-headerContentWrap">
    <div class="Overlay-titleWrap">
      <h1 class="Overlay-title " id="onboarding-video-dialog-title">
        Bienvenue sur OpenProject
      </h1>
        
    </div>
    <div class="Overlay-actionWrap">
      <button data-close-dialog-id="onboarding-video-dialog" aria-label="Close" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
</svg></button>
    </div>
  </div>
  
</div>
      <scrollable-region data-labelled-by="onboarding-video-dialog-title">
        <div data-view-component="true" class="Overlay-body">    <span data-view-component="true">Obtenez un aperçu rapide de la gestion de projet et de la collaboration en équipe avec OpenProject. Vous pouvez redémarrer cette vidéo à partir du menu d&#39;aide.</span>
    <div data-view-component="true" class="onboarding--video"><video height="430" width="100%" controls="controls" preload="none" allowfullscreen="allowfullscreen" data-media-dialog-target="video" data-view-component="true" class="my-2"><source src="https://openproject-docs.s3.eu-central-1.amazonaws.com/videos/Getting_started_with_OpenProject.mp4" type="video/mp4" data-view-component="true" /></video></div>
</div>
      </scrollable-region>
      <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd"><button data-close-dialog-id="onboarding-video-dialog" type="button" data-view-component="true" class="Button--secondary Button--medium Button">  <span class="Button-content">
    <span class="Button-label">Fermer</span>
  </span>
</button>
</div>
</dialog></dialog-helper>


    </template>
</turbo-stream>