I'm new here and still learning how to write html and css. I'm making my portfolio from a template. Now I have some moving images I want to embed and used gif images. Only they get way too large, so I wanted to switch to html5 video.
Only when I change the <img to <video the whole gallery collapses. So I guess the css doesn't support html5 video.
This is the html right now:
<div class="ms-section__block">
<div id="gallery">
<img alt="image 2"
src="assets/images/gallery/social/gif2.gif"
data-description="image placeholder">
<img alt="image 2"
src="assets/images/gallery/social/gif2.gif"
data-description="image placeholder">
<img alt="image 2"
src="assets/images/gallery/social/gif2.gif"
data-description="image placeholder">
CSS MAIN:
.ms-section__block {
width: 85%;
max-width: 88em;
margin: 0 auto 6em;
This is the only thing I can find that is connected to the html code.
But again. I'm a total noob and hope you guys can help me how to change the working .gif with .mp4 to reduce file size.
Lucas
The template i'm using is Emily - Creative Photography Portfolio