> For the complete documentation index, see [llms.txt](https://ayccoes-assets.gitbook.io/ayccoes-assets/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ayccoes-assets.gitbook.io/ayccoes-assets/ayc-loading/editing-images-video-and-music.md).

# Editing Images, Video, and Music

To replace the default **background video**, **logo**, **images** or **music**:

1. Navigate to the `ui` folder.
2. Replace the existing files in their respective folders with your own, using the **same file names**.
   * **Images:** Use the `.png` format.
   * **Video:** Use the `.webm` format.
   * **Music:** Use the `.mp3` format.

If you'd like to use a YouTube video as the background, follow these steps:

1. **Open the `ui/loading.html` file** in your code editor.
2. **Replace the video element** (lines 12 to 14) with the following code snippet:

   ```html
   <iframe id="video"
     src="https://www.youtube.com/embed/[VIDEO_ID]?controls=0&modestbranding=1&rel=0&showinfo=0&autoplay=1"
     frameborder="0"
     allow="autoplay;"
     allowfullscreen>
   </iframe>
   ```
3. **Replace `[VIDEO_ID]`** with the desired video's ID.
   * You can find the **video ID** in the YouTube video URL. For example, for the link:

     ```arduino
     https://www.youtube.com/watch?v=dQw4w9WgXcQ
     ```

     The video ID is **`dQw4w9WgXcQ`**.