Видео в корзине S3 не открывается при загрузке страницы

У меня есть видео в корзине Amazon S3. Видео имеет размер около 6 МБ, оно было опубликовано и используется в качестве фонового видео для домашней страницы моего приложения React. Я применил URL-адрес объекта непосредственно к HTML-элементу видео, однако при загрузке приложения React видео не отображается. Если бы я перешел на другую страницу и вернулся на домашнюю страницу, видео выглядело бы просто отлично.

Код:

import React, { Component } from 'react';
import black from '../../imgs/backgrounds/black.jpg';

class HeaderVideo extends Component {

    render() {
        return (
            <video poster = {black} autoPlay = {true} loop>
                <source src = "https://beatsbyzero.s3.us-east-2.amazonaws.com/videos/blackwhite1.mp4" type = "video/mp4" />
            </video>
        )
    }
}

export default HeaderVideo; 

Любые идеи о том, как справиться с этим?

🤔 А знаете ли вы, что...
React Native - это фреймворк, основанный на React, для создания мобильных приложений для iOS и Android.