# Making Video module full screen automatically

**URL:** <https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212>\
**Category:** Beaver Builder\
**Created:** [October 27, 2015, 11:54am UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212 "2015-10-27T11:54:28Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 11:54am UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/1 "2015-10-27T11:54:28Z")

</div>

Hi BB Team,

I have a page on my website that just has a video in it, I want that if someone goes to that url, the video starts playing in the full screen mode, or it is already in the full screen mode. Here is the link [http://digisigns.us/animated-digital-menu-board/](http://digisigns.us/animated-digital-menu-board/). Would appreciate help on this, thanks

Sherry

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 11:57am UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/2 "2015-10-27T11:57:58Z")

</div>

forgot to check the notify me box 🙂

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [October 27, 2015, 1:06pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/3 "2015-10-27T13:06:37Z")

</div>

Hey Sherry,

Unfortunately, that isn’t possible at this time. I’m not aware of another plugin that does that to be honest, definitely somewhat of an edge case there. Sorry I don’t have a better answer for you there, but let us know if you find anything!

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 1:14pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/4 "2015-10-27T13:14:23Z")

</div>

Hmmm… How about a JavaScript Code that automatically clicks the fullscreen button. That would work for me?

Also is there a way to display image in full screen, or something like this link where only the top part of the browser is showing. [http://www.dsmenu.com/uph/2195](http://www.dsmenu.com/uph/2195)

Thanks for the help

Sherry

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [October 27, 2015, 1:37pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/5 "2015-10-27T13:37:09Z")

</div>

Hi Sherry,

It may be possible with JS, but that is beyond what we offer in terms of support here, sorry about that.

On the second question, yes, you could use a background image in a row, set it full width and then use the full height option as well.

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 1:48pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/6 "2015-10-27T13:48:46Z")

</div>

Thanks. Can you tell me the button id or class for full screen “button” i will try to lookup autoclick javascript codes online. there are a few.

Sherry

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [October 27, 2015, 1:52pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/7 "2015-10-27T13:52:45Z")

</div>

From what I can tell, it looks like the class for the full screen button in your example site provided above is `.mejs-button.mejs-fullscreen-button`.

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 1:53pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/8 "2015-10-27T13:53:53Z")

</div>

Thanks

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 2:03pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/9 "2015-10-27T14:03:36Z")

</div>

Billy it seems like I need the id for the fullscreen button, not the class, is there one I can you?

Thanks

Sherry

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [October 27, 2015, 2:35pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/10 "2015-10-27T14:35:24Z")

</div>

There is no ID, it’s the native WordPress video player so that’s a bit out of our hands unfortunately.

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![digisigns](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@digisigns](https://community.wpbeaverbuilder.com/u/digisigns)\
**Post date:** [October 27, 2015, 2:49pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/11 "2015-10-27T14:49:15Z")

</div>

No worries. Thanks

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 28, 2015, 4:14am UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/12 "2015-10-28T04:14:40Z")

</div>

Hey Sherry,

Just wanted to chime in here. The link below shows a way to do this. But, like what Billy said, this is already out of our scope. If you’ve further questions, we _might_ not be able to assist you further. But we’ll try. 🙂  
[http://stackoverflow.com/questions/20182409/how-to-make-a-youtube-embedded-video-a-full-page-width-one](http://stackoverflow.com/questions/20182409/how-to-make-a-youtube-embedded-video-a-full-page-width-one)

Ben

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:19pm UTC](https://community.wpbeaverbuilder.com/t/making-video-module-full-screen-automatically/5212/13 "2019-04-27T22:19:26Z")

</div>


