[christianhubbard]

Hello,

Is the portfolio compatible with vimeo videos?

Youtube is not professional for the work that I am doing and cannot use it. For whatever reason, My site works fine with youtube videos but Vimeo will not work.

Here is my site:
http://www.christianhubbard.com

Here is the code I am using in the portfolio “page” for the youtube video:
[pf_lightbox_video title=”” url=”http://www.youtube.com/embed/sqVs8BLdnEM”%5D

here is the code I am using in the portfolio “page” for the Vimeo video:
[pf_lightbox_video title=”” url=”http://player.vimeo.com/video/105507764?badge=0&color=ffffff&quot”%5D

I have also tried the code with the regular vimeo link in this manner:
[pf_lightbox_video title=”” url=”http://vimeo.com/105507764″%5D

Please help,

Thankyou.

Christian Hubbard

[ahmetsali]

Hi, your code is fine and it works fine on my side;

[pf_lightbox_video title="" url="http://player.vimeo.com/video/105507764?badge=0&color=ffffff&quot"]

but when i check your site, i guess you have removed this code, after you added it again let me know so i can check your site again.

[christianhubbard]

Hi, sorry for the late reply.

No, that code does not work.

That is the code that is still used for all of the vimeo links on my page

[christianhubbard]

For whatever reason, even using the exact same code, the one video works and the other does not.

Also, on the one that “works” (albeit roughly) when you try to fullscreen it, it fullscreens the website INSTEAD of the vimeo lightbox.

Please help

[christianhubbard]

Sorry for the triple post!~

but as an aside, would it be possible to reverse the colorshifting that occurs when hovering over a lightbox? I would like the true colors of the thumbnail to be shown initially, with the color shift only occurring if they are hovered over.

[ahmetsali]

Hi again,

– this is really weird, same code should work for you too, now you haven’t that code on your site, so i can’t check it on your site,

– about fullscreen issue, i guess this is a chrome bug , i managed to fix it with this custom css code, which should be included by browser default, i will also report this to google.

:-webkit-full-screen-ancestor:not(iframe) {
    -webkit-animation: none;
}

– try this custom css code;

.portfolio-items .hentry img { -webkit-filter: grayscale(0%); }
.portfolio-items .hentry:hover img { -webkit-filter: grayscale(50%); }