New Landing › How can we help? › Cardinal › Fullscreen Vimeo Video not Working

Tagged: ,

Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • Back to forum
    Posted in: Cardinal
  • December 14, 2015 at 7:43 pm #235400
    SmallDogCreative
    Member
    Post count: 55

    Happy Holidays Team SwiftIdeas!

    Say, I’ve done considerable research on the issue of not being able to see/play fullscreen Vimeo videos. It turns out that Vimeo coded their player to not display the fullscreen button if the Vimeo Player attributes are not present (embed code is likely missing these three required fullscreen attributes: webkitallowfullscreen mozallowfullscreen allowfullscreen), as specified in this Vimeo thread: https://vimeo.com/forums/help/topic:277610

    According to Vimeo, the parent iframe that wraps the Vimeo embed also needs these attributes for their Player, or any other content used to wrap the iframe around, to go fullscreen.

    I searched your forums (http://www.swiftideas.com/forums/search/vimeo+embed/) and found a post for which you provided a snippet/function that appeared to append the sf_get_embed_src class however, this does not resolve the problem.

    Can you please provide a snippet/update to insure that the required attributes are present in the iframe/wrapper for Vimeo videos so we can show them fullscreen?

    Thanks!

    December 16, 2015 at 11:47 am #235847
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Can you add a WP login for me? Are you using the video asset from the Page Builder or just pasting in the iFrame code?

    Thanks.

    December 16, 2015 at 3:48 pm #235925
    SmallDogCreative
    Member
    Post count: 55
    This reply has been marked as private.
    December 16, 2015 at 4:16 pm #235946
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    There is another shortcode you can use:

    [sf_fullscreenvideo type="image-button" btntext="Button Text" imageurl="http://yourvillage.staging.wpengine.com/wp-content/uploads/2015/11/Screen-Shot-2015-12-16-at-15.15.19.png" videourl="http://player.vimeo.com/video/133374862" extraclass="your-custom-class"]

    Here is a test: http://yourvillage.staging.wpengine.com/?page_id=2067&preview=true.

    Thanks.

    December 16, 2015 at 4:43 pm #235963
    SmallDogCreative
    Member
    Post count: 55

    Right, so, that’s NOT what we are trying/need to do, but to verify, I removed the standard video object and replaced it with a text object with the shortcode provided – doesn’t work (which you can see here: http://yourvillage.staging.wpengine.com/class/1-2-3-magic/). I’ve attached two images. The first with the video in the page as specified, using the Swift Video object in which Vimeo does NOT see its required attributes, so sets the fullscreen button to display:none via its CDN-served CSS.

    The second is the same page with the display:none unchecked in Chrome’s Web Developer and the fullscreen button clearly visible.

    Now, it’s important to note that overriding the CDN CSS is not possible by pure CSS, but even if it were, the fullscreen will not work without the required attributes.

    This requires recoding of the object container to include the attributes.

    Attachments:
    You must be logged in to view attached files.
    December 16, 2015 at 5:37 pm #235980
    David Martin – Support
    Moderator
    Post count: 20834
    This reply has been marked as private.
    December 16, 2015 at 6:44 pm #236024
    SmallDogCreative
    Member
    Post count: 55
    This reply has been marked as private.
    December 16, 2015 at 6:55 pm #236030
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Is that not caused by the video’s custom logo? Please inspect the output, has your client added a logo?

    – Please create a test also with this: http://vimeo.com/98591307

    Ref: https://vimeo.com/help/faq/sharing-videos/embedding-videos#can-i-use-my-own-logo-in-the-embedded-pro-player

    Thanks.

    December 16, 2015 at 7:57 pm #236051
    SmallDogCreative
    Member
    Post count: 55
    This reply has been marked as private.
    December 17, 2015 at 11:04 am #236137
    David Martin – Support
    Moderator
    Post count: 20834

    No problem! Thanks.

    February 7, 2016 at 2:21 pm #246933
    Hunter
    Member
    Post count: 23
    This reply has been marked as private.
    February 8, 2016 at 5:44 am #246995
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please paste this code at functions.php of child theme http://www.pastie.org/private/cyt0xmciyddzkho8m7lha.

    Thanks
    Mohammad

    February 13, 2016 at 12:27 pm #248900
    Hunter
    Member
    Post count: 23
    This reply has been marked as private.
    February 15, 2016 at 10:24 am #249046
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please go to Admin > Appearance > Editor > Open functions.php file and paste the code just before ?> tag.
    Thanks
    Mohammad

    February 15, 2016 at 11:49 pm #249364
    Hunter
    Member
    Post count: 23
    This reply has been marked as private.
  • Back to forum
    Posted in: Cardinal
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

You must be logged in to reply to this topic.