Use **one Elementor HTML widget**. You do **not** need to rebuild the hero or replace the video. ### Where to put it 1. Open your **Home page in Elementor**. 2. Scroll all the way to the **bottom of the page**. 3. Add an **HTML widget**. 4. Paste this entire code into that widget: ```html ``` 5. Click **Update**. 6. Clear Elementor/cache if you are using caching. 7. Test the homepage in a **private/incognito browser window**, especially on your iPhone. ### What this does It leaves your existing Elementor hero video exactly where it is. The script waits until Elementor creates the video, then tells the browser: **load it → mute it → allow inline playback → autoplay it → play it immediately.** If Safari or Chrome initially resists, it retries when the video has enough data to play and again on the user's first touch. **Put the HTML widget at the bottom of the page, not inside the hero.** Its physical location doesn't matter because it is only running JavaScript.