Title: Background video problem with Elementor plugin Last modified: July 24, 2017 --- # Background video problem with Elementor plugin * [apartamentoparatres](https://wordpress.org/support/users/apartamentoparatres/) * (@apartamentoparatres) * [8 years, 11 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/) * Hello, * I’m creating a home with the theme generatepress and the elementor plugin. I want to put a background video but I have two problems: * 1. If I put it with a link from Youtube or Vimeo, I can not remove the central button from play when the video ends. * 2. If I put it as a video background of a section, in the mobile version and tablet is misaligned and looks bad. * Do I have any option to put a background video without tags or buttons and look good on all devices? * Thank you and best regards, Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/page/2/?output_format=md) [→](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/page/2/?output_format=md) * [moccon](https://wordpress.org/support/users/jetinternet/) * (@jetinternet) * [8 years, 10 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9459084) * and did you find a solution for it? regards, * [ZenBen](https://wordpress.org/support/users/zenben/) * (@zenben) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9787223) * Background Video (YT) is not working at all on iPhone! Any help? * [KC](https://wordpress.org/support/users/benxy20gylinxu/) * (@benxy20gylinxu) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9804951) * I have similar problem as ZenBen, background video for section does not work in Android/Google Chrome browser/Cheetah mobile browser, any update about the issue? - This reply was modified 8 years, 6 months ago by [KC](https://wordpress.org/support/users/benxy20gylinxu/). * [ZenBen](https://wordpress.org/support/users/zenben/) * (@zenben) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9806058) * Hi KC, I’ve read somewhere that background video is not made for mobile devices in general, because of bandwidth and the small display sizes. Elementor has a“ fallback picture” option, that way you can set a background image only for mobile devices instead of the video. * Regards, Ben * [KC](https://wordpress.org/support/users/benxy20gylinxu/) * (@benxy20gylinxu) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9806649) * [@zenben](https://wordpress.org/support/users/zenben/) * Understand, thanks. * [KC](https://wordpress.org/support/users/benxy20gylinxu/) * (@benxy20gylinxu) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9809494) * [@zenben](https://wordpress.org/support/users/zenben/) I tried to [double checked with Elementor YouTube account](https://www.youtube.com/watch?v=5qTxwo0kUi4&lc=UgyNkRAnyILnmzxE3Ld4AaABAg) since they pay more attention there…, it is true that it does not work in mobile device. Just so you know. - This reply was modified 8 years, 6 months ago by [KC](https://wordpress.org/support/users/benxy20gylinxu/). Reason: correct typo * [ZenBen](https://wordpress.org/support/users/zenben/) * (@zenben) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9823425) * [@benxy20gylinxu](https://wordpress.org/support/users/benxy20gylinxu/) Thanks pal! ^‿^ * [KC](https://wordpress.org/support/users/benxy20gylinxu/) * (@benxy20gylinxu) * [8 years, 6 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-9824526) * [@zenben](https://wordpress.org/support/users/zenben/) * You are welcome. * [strider2704](https://wordpress.org/support/users/strider2704/) * (@strider2704) * [8 years, 3 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-10129946) * Adding the below css to style.css of a !Child Theme! seems to have fixed the alignment issue for me, now all section background videos are centered on x and y axis when set to “Fit To Screen”. The devs used similar code, but only for the y axis, probably because it breaks some other layout so— (WARNING: this has NOT been tested with video background layouts other than “Fit To Screen” and may break alignment for background video layouts other than “Fit To Screen”) * If your theme supports it, you can target only certain pages by adding .body. page-name tag before the other tag (where the page-name is the name of the page you are targeting) this way it will only affect that particular page. * ``` .elementor-background-video-embed { top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } ``` * [RAJIV VERMA](https://wordpress.org/support/users/hackernewbie/) * (@hackernewbie) * [8 years ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-10417700) * Thanks for your bit [@strider2704](https://wordpress.org/support/users/strider2704/), I added a little to your code and finally got what I wanted. * [RAJIV VERMA](https://wordpress.org/support/users/hackernewbie/) * (@hackernewbie) * [8 years ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-10417949) * Added this bit to increase the height of the video: * .section-video iframe{ width: 100% !important; height: 215px !important; } * to get the desired size of the video. * [Lukas Cech](https://wordpress.org/support/users/lukascech/) * (@lukascech) * [7 years, 7 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-10954302) * I found it easier to just show the hidden section using this CSS: * ``` .elementor-hidden-phone { display: block !important; } ``` * (default is display:none;) * use at your own risk, not tested thoroughly… * [Giovanni Alberto Crestani](https://wordpress.org/support/users/giovanni-alberto-crestani/) * (@giovanni-alberto-crestani) * [7 years, 2 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-11479289) * [@lukascech](https://wordpress.org/support/users/lukascech/) Where did you put this code?? Thanks, I really need to solve this issue! * [Lukas Cech](https://wordpress.org/support/users/lukascech/) * (@lukascech) * [7 years, 2 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-11480760) * [@giovanni-alberto-crestani](https://wordpress.org/support/users/giovanni-alberto-crestani/) not sure now, but general rule is: * – if you put it into a general CSS file that loads with the entire website ( I use Simple CSS plugin for that), it will work fine – but it might impact things on other pages too – you can put it into the custom CSS section of the elementor widget itself – this way it will impact only the specific page (Advanced tab) * [alexandrerodrigues72](https://wordpress.org/support/users/alexandrerodrigues72/) * (@alexandrerodrigues72) * [7 years ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/#post-11620741) * The [@lukascech](https://wordpress.org/support/users/lukascech/) solution worked for me. Thanks * ``` .elementor-hidden-phone { display: block !important; } ``` - This reply was modified 7 years ago by [alexandrerodrigues72](https://wordpress.org/support/users/alexandrerodrigues72/). Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/page/2/?output_format=md) [→](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/page/2/?output_format=md) The topic ‘Background video problem with Elementor plugin’ is closed to new replies. * ![](https://ps.w.org/elementor/assets/icon-256x256.gif?rev=3444228) * [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/) * [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq) * [Support Threads](https://wordpress.org/support/plugin/elementor/) * [Active Topics](https://wordpress.org/support/plugin/elementor/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/) * [Reviews](https://wordpress.org/support/plugin/elementor/reviews/) ## Tags * [background](https://wordpress.org/support/topic-tag/background/) * [video](https://wordpress.org/support/topic-tag/video/) * 17 replies * 11 participants * Last reply from: [rudirudi](https://wordpress.org/support/users/rudirudi/) * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/page/2/#post-11905670) * Status: not resolved