Viewing 20 posts - 1 through 20 (of 22 total)
1 2
  • Author
    Posts
  • January 23, 2019 at 9:40 am #164248
    valelotartaro
    Participant

    Hi! I added a video in the home page. How can I make the “play/pause button” not to be shown?

    January 23, 2019 at 11:01 pm #164288
    Skandha
    Participant

    @valelotartaro: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #wp-custom-header-video-button {
	display:none;
}

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    January 24, 2019 at 6:42 am #164342
    valelotartaro
    Participant

    Thank you very much!
    I have another problem regarding the video in the homepage. I can see it in my computer but I can not see it in my phone, why? It has 7.7 mb, it is mp4 … but when I go to the website in my phone the video doesn’t show.
    Regards, Valeria

    January 24, 2019 at 11:13 pm #164379
    Skandha
    Participant

    @valelotartaro: This is not a theme related issue but a default feature of WordPress Core. To alleviate concerns about bandwidth, videos are only loaded on the front page for viewports that are at least 900 pixels wide and 500 pixels tall. This is the reason Header Video don’t work on mobile phones. For more information read this article.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    January 25, 2019 at 7:38 am #164402
    valelotartaro
    Participant

    Hello Skandha, so if I put a video in the homepage, it won’t show in mobile? Even if it is 500×900 ?
    If it is so then, is there a way that I can show the video in the computer and an image in mobile?
    regards, Valeria

    January 25, 2019 at 7:45 am #164403
    valelotartaro
    Participant

    Hello Skandha, In the wordpress support forum I read that it was a library problem and that the theme developer must fix. Send you the link:
    https://wordpress.org/support/topic/homepage-video-not-playing-on-mobile-device/
    Regards, Valeria

    January 27, 2019 at 11:00 pm #164517
    Skandha
    Participant

    @valelotartaro: Hello Valeria,
    Header Video not displaying on viewports less than 900*500px is a default WordPress feature. So if you really need to display header video on smaller screens you will need to get your customized. I suggest you to hire a customizer for this.

    And yes there is a way to show the video in the desktop and an image in mobile.
    The header image you have inserted should show up as a fallback image on screen size less than 900*500px.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    January 28, 2019 at 11:07 am #164561
    valelotartaro
    Participant

    Hello Skandha, where should I put the header image that goes as a fallback image in small screens? I put it im multimedia header (i put the video and then an image in the space below), but it does not work…
    Besides, is there a way to put a slider that works in both desktops and mibiles? (instead of the video… )
    Regards, Valeria

    January 29, 2019 at 2:17 am #164608
    Skandha
    Participant

    @valelotartaro: To add a header image
    Go to => Appearance => Customize => Header Media => Header Image => Add New Image

    Yes, it is possible to insert a slider that works both on desktops and mobiles.
    Go to => Appearance => Customize => Theme Options => Featured Slider => Add explore the slider options

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    February 11, 2019 at 12:24 pm #165631
    valelotartaro
    Participant

    Hello again:
    If I do as you said: ” Go to => Appearance => Customize => Header Media => Header Image => Add New Image” , it will change the current video with an image. I want a video showing on desktops and an image/slider on mobiles. Is it possible?
    Thank you!

    February 12, 2019 at 1:37 am #165679
    Skandha
    Participant

    @valelotartaro: Activate both header video and featured slider on your site.
    Then
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width:900px) {
	.custom-header {
		display:none !important;
	}
}

@media screen and (min-width:900px) {
	#feature-slider-section {
		display:none !important;
	}
}

    Let me know if this works out!
    Kind Regards,
    Skandha

    February 14, 2019 at 7:52 am #165847
    valelotartaro
    Participant

    Thank you! It worked.

    February 14, 2019 at 7:55 am #165848
    valelotartaro
    Participant

    However, I have another question. The featured slider that I put in the mobile home page shows the title of the page (if I choose page in the “select slider type”) or “featured image” (if I choose custom). How can I do so that i doesn’t show any title at all? (only the image)
    Thank you very much for your help! Kind regards, Valeria

    February 14, 2019 at 3:34 pm #165870
    valelotartaro
    Participant

    Hello, please don’t take into account my previous question . I could work it out already.
    HOWEVER… I notice that after adding the css code that you told me above (@medi screen…) , my mobile home is not responsive with iphone. It shows ok in android devices , but in iphone the image is enlarged. The url is http://162.243.63.85 (still under construction). Please tell me how to correct this.
    Kind regards, Valeria

    February 17, 2019 at 11:28 pm #166075
    Skandha
    Participant

    @valelotartaro: You seem to be using a very old version of the theme. Please update the theme to the latest version and let me know if the issue is resolved.

    Kind Regards,
    Skandha

    February 18, 2019 at 2:26 pm #166118
    valelotartaro
    Participant

    Hello, How do I make the update? I already downloaded the new version to my computer but I don’t know how to change it in wordpress.
    Thank you

    February 18, 2019 at 2:50 pm #166122
    valelotartaro
    Participant

    Hello, I already updated the version. But now, when I go to the home page, it makes like a jump: it first goes to an image (very quick) and then it goes to the video. Before it didn’t make that “jump”, how can I fix this? http://162.243.63.85

    February 18, 2019 at 11:36 pm #166140
    Skandha
    Participant

    @valelotartaro: Hello Valeria,
    That is because the video you have added needs a slight time to load.
    For the image appearing before the video loads try this.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header {
	min-height:100vh !important;
}

    Let me know if this solves the issue.
    Kind Regards,
    Skandha

    February 19, 2019 at 3:01 pm #166193
    valelotartaro
    Participant

    Thank you! It worked perfect.
    Another question: is it possible that the video continues running after I scroll down and then up again? Because now, after I scroll down if i scroll up and return to the video, it remains still where it stopped before.
    Thank you so much for your help.
    Kind regards, Valeria

    February 20, 2019 at 1:12 am #166211
    Skandha
    Participant

    @valelotartaro: Hello Valeria,
    To make the header video keep on playing you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 22 total)
1 2
  • The topic ‘video home’ is closed to new replies.