Comparing Video Embedding Options

Things I have tried

Various Code Options and plugins.

What I’m trying to do

A simple way to embed videos that will allow me to set a size or fluid/responsive and not autoplay. Comparing the below options from iframes to plugins, what do you recommend and why? Looking for the easiest and fastest way to create a journal and quickly drop in a video w/o too much complication.

this works great

I’m looking for something easy like how I embed photos

![500](https://photos.smugmug.com/photos/i-gHLcMXB/5/22ad85c7/M/i-gHLcMXB-M.jpg)

but I understand if it’ll be a little more complicated. :slight_smile:

video trial and errors

I’ve played with various embedding options for video coming from smugmug. The problem I’m getting is that I either get black bars around my video or it autoplays even though I delete that “allow” function.


The most simple and best result so far has come from this code:

<video src="https://photos.smugmug.com/photos/i-j25CSbn/0/5e4a49c6/1280/i-j25CSbn-1280.mp4" controls></video>

and this works the best, except I’m not sure how to control the size. This doesn’t autoplay which I want.


I have tried the most complex option from this forum post., using a CSS snippet, but I can’t get it to NOT autoplay and it doesn’t appear to be responsive.

I’ve tried iframes with size and % but often get these black bars.

<iframe 
		width="100%"
		height="100%"
		src="https://photos.smugmug.com/photos/i-j25CSbn/0/5e4a49c6/1280/i-j25CSbn-1280.mp4">
</iframe>

or

<iframe
	border="0"
	frameborder="0"
	height="763"
	width="550"
	src="https://photos.smugmug.com/photos/i-j25CSbn/0/5e4a49c6/1280/i-j25CSbn-1280.mp4"
>
</iframe>

I’m not sure if there’s something wrong with the above codes w/ the extra “>”


I’ve also tried plugins like “File Path to URI” and “Ozan’s” but maybe I’m not really understanding how to use them.

Thanks for any advice!