Fancybox Vimeo full screen not working

  • tam2000k2

    (@tam2000k2)


    7 years, 5 months ago

    Hey everyone,

    I am new to WordPress and a friend of mine was asking me if I could help him with this issue that he is having with the full screen button not being available on his site, in regards to his Vimeo files.

    If you click on the play button, then you will see the Vimeo video play, but the button for full screen is not visible.

    However, if I go to the link directly, then the full screen button is available.

    I have tried the following in the href tag:
    href="https://vimeo.com/278745048?webkitallowfullscreen=true&mozallowfullscreen=true&allowfullscreen=true

    Along with:
    https://vimeo.com/278745048?fullscreen=1

    Etc… but to no avail.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter tam2000k2

    (@tam2000k2)

    7 years, 5 months ago

    I do not know why the attributes and the “https” is being stripped, but the temporary solution is as follows, but I need a more elegant and permanent solution:

    <script type="text/javascript">
(function() {
  var linkVimeo1 = document.getElementById("vimeolink1");
  linkVimeo1.addEventListener("click", function(){
    var t1 = setTimeout(function() {
    var mFancyBoxFrame = document.getElementById("fancybox-frame");
    mFancyBoxFrame.setAttribute("webkitallowfullscreen", "true");
    mFancyBoxFrame.setAttribute("mozallowfullscreen", "true");
    mFancyBoxFrame.setAttribute("allowfullscreen", "true");
    var tempLink1 = mFancyBoxFrame.src;
      var t3 = setTimeout(function() {
        document.getElementById("fancybox-frame").src = tempLink1;
        console.log(document.getElementById("fancybox-frame").src);
      }, 500);
    }, 500); 
  });
  var linkVimeo2 = document.getElementById("vimeolink2");
  linkVimeo2.addEventListener("click", function(){
    var t2 = setTimeout(function() {
    var mFancyBoxFrame = document.getElementById("fancybox-frame");
    mFancyBoxFrame.setAttribute("webkitallowfullscreen", "true");
    mFancyBoxFrame.setAttribute("mozallowfullscreen", "true");
    mFancyBoxFrame.setAttribute("allowfullscreen", "true");
    var tempLink2 = mFancyBoxFrame.src;
      var t4 = setTimeout(function() {
        document.getElementById("fancybox-frame").src = tempLink2;
        console.log(document.getElementById("fancybox-frame").src);
      }, 500);
    }, 500);
  });
})();
</script>
Viewing 1 replies (of 1 total)

The topic ‘Fancybox Vimeo full screen not working’ is closed to new replies.