Мне нужно вставить видео с моего диска Google на страницу моего сайта.Видео первоначально будет скрыто за изображением, и при нажатии на изображение оно должно начать воспроизводиться.Реализация, которую я попробовал, выглядит следующим образом:
1) с использованием тега видео
<video>
<source type="video/mp4"
src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview?rel=0;&autoplay=1&mute=1">
</video>
- Это показывает только плеер без загрузки видео.
2) с использованием iframe
<iframe width="560" height="315" src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
- Какие виды работ, кроме видео, невозможно воспроизвести автоматически любым способом, и видео воспроизводится после нажатияэто дважды - сначала нужно щелкнуть видеоизображение, а затем кнопку воспроизведения.
- элементы iframe недоступны из исходного кода.
- Также iframe не поддерживается в Mozilla Firefox.
3) с использованием тега вставки
<embed width="550px" height="310px" src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview">
- Здесь не работают оба автозапуска и полноэкранный режим.
- элементы внутри embed недоступныиз исходного кода.
Любая помощь по этому вопросу будет оценена!