Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 16, 2020 at 10:55 pm #1253352
    John

    I’m trying to create an endless loop of a video that would go below an H3, subhead and button. I have the loop of the video, but it’s really small in ratio. Since the video isn’t a Youtube or Vimeo and I can’t upload the MP4, I’m trying to use an iFrame. The iFrame is below and the link of the page it would go on. It would be in place of the full screen image. What would be the best way to accomplish this?

    October 19, 2020 at 3:21 am #1253760
    Nikko

    Hi John,

    I tried using the video shortcode and even the html5 video but using the link doesn’t work.
    Iframes don’t the loop feature/attribute however after using the iframe code you posted it does loop since the video itself inside the iframe has a loop attribute.
    I think the code you used is the best one and maybe just add width and height attribute to it.

    Best regards,
    Nikko

    October 19, 2020 at 4:57 am #1253772
    John

    Can you give an example of how that would look with width and height added in? Also, how would I put the title, subtitle and button on top of the iframe?

    October 19, 2020 at 6:17 am #1253800
    Nikko

    Hi John,

    For the code, you can add width and height attribute like this:

    <iframe src="some_link" width="800" height="600"></iframe>

    As for your other question, can we ask for a mockup or screenshot of what you’re trying to achieve? just to have a better picture of what needs to be done and avoid misunderstanding.

    Best regards,
    Nikko

    October 19, 2020 at 1:58 pm #1253962
    John

    I’m trying to put the video in place of where the current background image is in the top color section on the page so the video can play under the button and header.

    October 19, 2020 at 3:05 pm #1253988
    Nikko

    Hi John,

    I see, that would make it more complicated since the responsive versions are also in the equation.
    I think the easier workaround is to re-upload the video to youtube (if we consider both cost and performance).

    Best regards,
    Nikko

    October 21, 2020 at 8:11 pm #1254766
    John

    I added the video to Youtube and added it to the top current color section>styling>background video. Is there a way to remove the preloader from the video and set it to a higher resolution?

    October 23, 2020 at 8:17 am #1255176
    Nikko

    Hi John,

    The preloader is coming from youtube, so there’s nothing we can do about it.
    As for the resolution, According to this site, you can adjust it using the vq ( https://www.h3xed.com/web-and-internet/link-directly-to-and-embed-hd-youtube-videos ), however, our ALB elements will strip off any query string added to it. I also tested it by just pasting to URL with query string with Text Block which is just using WordPress tinymce editor however it doesn’t work.
    I think not setting it with the HD resolution is good as it will adjust the resolution based on the viewers bandwidth.

    Best regards,
    Nikko

    October 27, 2020 at 8:41 pm #1256219
    John

    Thank you! Removing the spinner can’t be done this way? https://kriesi.at/support/topic/hide-spinning-wheel-on-slider-background-videos/

    October 28, 2020 at 6:56 am #1256280
    Nikko

    Hi John,

    If the spinner is from Enfold then that code should work and you can actually try to test the code.
    However, I did check the video link and since my connection isn’t that fast, the spinner is showing up on my end.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.