Looking for help embedding video Options

[smoketron]

Hi,

I'm using Brackets to try and build a site and embedding a vimeo video into a page. I'd like it to automatically play in full screen when the play button is clicked.

Here's a brief section of my code where I'm using an iframe:

<li class="video-container">

<iframe src="https://player.vimeo.com/video/171640925?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</li>

If I preview the page and click the play button, it will play in the page (not fullscreen) and there's the option to click on the fullscreen button. If I open the developer tools (in Chrome) and refresh the page, it will then work like I want it to. I click on the play button and it automatically opens in fullscreen mode and starts playing. Why will it only do this if I open the developer tools and refresh?

Does this have anything to do with the type of vimeo account that I'm getting the embed code from? I believe it's just the basic, free account.

Hopefully I'm explaining this right. Any help/suggestions are greatly appreciated.

Thanks!

[lisas]

Try this:

<video width="1920" height="1080" controls>
<source src="path to video\xxxxxx.mp4" type="video/mp4">

it will work without controls too. I edited my .mp4 to 1080x720 fills the screen not sure what the resolution is

[Christian J]

I edited my .mp4 to 1080x720 fills the screen not sure what the resolution is

That will only work if the user has exactly the same window size (or resolution, in a maximized window). Fullscreen means it should adapt to the user's screen regardless of resolution.