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
Starfishht
post Apr 7 2021, 12:56 AM
Post #2





Group: Members
Posts: 2
Joined: 6-April 21
Member No.: 27,880



QUOTE(Christian J @ Feb 9 2017, 10:51 AM) *

QUOTE(Christian J @ Aug 13 2016, 08:07 PM) *

QUOTE(smoketron @ Aug 13 2016, 07:16 PM) *

I'd like it to automatically play in full screen when the play button is clicked.

I don't think that's possible in today's browsers. MyAARPMedicare Login

Correction, it is: https://developer.mozilla.org/en-US/docs/We.../Fullscreen_API

Seems like the potential for abuse is huge: http://feross.org/html5-fullscreen-api-attack/ wacko.gif


Nice tutorial! It is a very informative tutorial. It was extremely helpful.
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: 25th April 2024 - 10:28 PM