You can check what type of device you have and set an embedded variable for the width, then pipe it into the html5 `<video>` tag.

```

<video id="myVid" controls="controls" autoplay="autoplay" width="${e://Field/vid_width}">

<source src="https://mydomain.com/myVid.mp4" type="video/mp4">

Your browser does not support HTML5 video.

</video>

```

---

I will give that a try thank you!

---

We also use a custom`<div> `class with CSS to resize all our videos to fit the mobile view. This works really well for videos and images that we load.



HTML:

```<div class="video-container> <!-- add your iframe or image here --></div>```



CSS (add under Advanced in Look& Feel:

```<style>

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 35px;

height: 0;

overflow: hidden;

}



.video-container iframe {

position: absolute;

top:0;

left: 0;

width: 100%;

height: 100%;

}

</style>```

---

Would appreciate other inputs.

---

Thanks for the answer! I saw that the HTML code had a bit of typo (lacking a double quote after `video-container`)--I'm correcting it here:



HTML:

```<div class="video-container"> <!-- add your iframe or image here --></div>```

---