# Video Pop-up

<figure><img src="/files/b0fvsg7aMJ0VHC4aIjkT" alt=""><figcaption></figcaption></figure>

{% code overflow="wrap" lineNumbers="true" %}

```html
<div class="wrapper-md px-4 px-lmd-0 text-center text-md-left d-flex justify-content-center">
  <div class="d-md-inline-flex flex-wrap justify-content-center justify-content-md-start align-items-center">
    <div>
      <div id="video-popup-2" class="video-container mx-auto" style="background-image: url('https://roseathemes.com/scholastica/1/pluginfile.php/1/theme_scholastica/scholasticasettingsimgs/0/shubham-dhage-1CMtCk34RBU-unsplash.jpg');">
        <a class="vpopup-play" href="#video-popup">
          <i class="fas fa-play-circle"></i>
        </a>
      </div>
      <div id="video-popup">
        <div class="vpopup">
          <iframe
            class="vpopup-video"
            src="https://www.youtube.com/embed/5GrQJGQWfd8?si=cAqJF9YMO95Lmyd2"
            height="100%"
            allowfullscreen="allowfullscreen"
          ></iframe>
        </div>
        <div class="vpopup-close">
          <a href="#video-popup-2"> <i class="fas fa-times-circle"></i> </a>
        </div>
      </div>
    </div>
    <div class="mt-4 mt-md-0 mx-4">
      <p class="mb-1 font-weight-bold">The Scholastica is dedicated only to Moodle 4.3 and later.</p>
      <p class="small">
        Need help with theme customization?<br />Or do you want to report a bug?
      </p>
      <a class="btn btn-dark my-1" href="https://1.envato.market/OR707N" target="_blank" rel="noopener">Get this theme!</a>
    </div>
  </div>
</div>
```

{% endcode %}

### Which youtube URL?

On YouTube in the embedded section.

<figure><img src="/files/FwJvOx1K3dynMKrj31bG" alt=""><figcaption></figcaption></figure>

### How to use multiple video pop-up player?

Replace&#x20;

1. (line 4) id="video-popup-2",&#x20;
2. (line 19) href="#video-popup-2"


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosea.gitbook.io/scholastica-moodle-theme/theme-settings/front-page-blocks/video-pop-up.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.