Vimeo Full Screen in Blog Post/Videos Page!
By Paul Murray on Monday, 15 February 2016
Posted in Technical Issues
Likes 0
Views 437
Votes 0
Hi SI Team

I have a Vimeo video here:

http://finalbug.net/blog/entry/546-fcp-x-subtitles-the-missing-webinars-01

Please look at the first one: Basic FCPX Subtitles 1a
There is no full screen video button at the bottom right hand corner of the video thumbnail.

Please go here and see the same video: Basic FCPX Subtitles 1a

http://finalbug.net/videos/group/17-learn-fcpx/48-basic-subtitles-fcp-x-part-01a/item

There is a full screen video button at the bottom right hand corner of the video thumbnail.

As far as I can see the Full screen button never shows up on the Blog page. Is this normal?

thanks

Paul
It's EasyBlog actually and yes it will be update proof.
Mark
·
Monday, 15 February 2016 23:27
·
0 Likes
·
0 Votes
·
0 Comments
·
What is the original url of this video?
Mark
·
Monday, 15 February 2016 22:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark

Here you go:

https://vimeo.com/153280910

best

Paul
Paul Murray
·
Monday, 15 February 2016 22:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Looks like for some reasons Vimeo is not allowing full screen support when used within an iframe . I am not too sure why but you can add the block of css codes below to enforce full screen to be visible,

Mark
·
Monday, 15 February 2016 22:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark, where do I add this?
Paul Murray
·
Monday, 15 February 2016 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
In your template's css . It should be /templates/elegant/css/custom.css
Mark
·
Monday, 15 February 2016 22:42
·
0 Likes
·
0 Votes
·
0 Comments
·
I have modified the custom css file as you instructed.

/* Displays Vimeo Full Screen button on Blog Posts */

body .player.no-fullscreen-support .fullscreen {

display: block !important;

}



/* fix images on EB 3.x Posts  */

.eb-post-body.type-standard > img {

  display: block;

  width: 100%

}





/* controls the font ENTER CODE BELOW  */

a {

    color: #46BD7D !important;

}



/* text justify on blog frontage  */

div#fd.eb .eb-post-body {

    text-align: justify;

}





/* takes care of formatting of slide share in posts  */

div#fd.eb .ebd-block[data-type="slideshare"] iframe {

    width: 100% !important;

}


Nothing has changed.
I have cleared the Broser Cache in 2 Browsers.
Opera & Chrome!

What am I missing?
Paul Murray
·
Monday, 15 February 2016 22:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Looks like this needs a separate hack. I have added some hacks into /components/com_easyblog/themes/wireframe/blogs/blocks/vimeo.php
Mark
·
Monday, 15 February 2016 23:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Wow Mark that is amazing.
I have to ask you is this hack ES update proof?
Will this be included as standard in the next ES update?

thanks

Paul
Paul Murray
·
Monday, 15 February 2016 23:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes of course EB

thanks

Paul
Paul Murray
·
Tuesday, 16 February 2016 01:48
·
0 Likes
·
0 Votes
·
0 Comments
·
No problem
Mark
·
Tuesday, 16 February 2016 02:18
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post