там
Я работаю над проектом, который должен поместить <video> поверх определенной части изображения.
<video>
Изображение состоит из семи областей, и я использую <map> и <area>, чтобы разделить их. Это показано ниже: изображение - грузовик с 7 треугольниками. И эти прямоугольники представляют видео поверх треугольников соответственно
<map>
<area>
Я мог бы разместить каждый элемент видео в каждой области треугольника соответственно, однако страница должна иметь адаптивный дизайн. Это означает, что при изменении размера страницы видео должно оставаться в правильных областях изображения.
Есть ли какие-либо предложения по этому дизайну?
Вот что я получил на данный момент: До изменение размера экрана
После изменения размера экрана