The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Looking for help embedding video
smoketron
post Aug 13 2016, 12:16 PM
Post #1





Group: Members
Posts: 2
Joined: 13-August 16
Member No.: 24,584



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
lisas
post Feb 27 2017, 10:51 PM
Post #2





Group: Members
Posts: 6
Joined: 27-February 17
Member No.: 26,328



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 28 2017, 08:04 AM
Post #3


.
********

Group: WDG Moderators
Posts: 7,919
Joined: 10-August 06
Member No.: 7



QUOTE(lisas @ Feb 28 2017, 04:51 AM) *

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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th October 2018 - 04:40 PM