By Paul Murray on Wednesday, 27 June 2018
Posted in General Issues
Likes 0
Views 0.9K
Votes 0
Hello Stackideas

Vimeo updated their Albums again.
And this time it seems to be working.
I have tested for eg here:

https://www.finalbug.tv/test01

Using the following link for a public album:

https://vimeo.com/album/4652534

When I go here:

https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/26-fcpx-not-pro/videos/500-test123

And post the same link in an ES Group

Something stops the play list/album!

Is it possible to remedy this?

thanks

Paul

ps for anyone interested in Vimeo and new album functions:

https://www.videomaker.com/vimeo-redesigns-album-feature-to-better-showcase-your-videos/
Hi Paul,

Correct me if I'm wrong, do you actually copy the link https://vimeo.com/album/4652534 into video upload?
If yes, unfortunately such link structure is not supported for video share, where you need to use specific video link as example: https://vimeo.com/album/4652534/video/177215915
·
Thursday, 28 June 2018 11:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhli

That is what I was afraid of.
Honestly if this was supported it would make my life and maybe the life of some other SIers so much easier.
As of now I am linking videos up with my (which you helped me with) clever but insane “Replacer” method.


{source}[[a href="https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/38-fcpx-browser-mastery/videos/468-fcpx-browser-lesson-01"]]◀ PREVIOUS [[/a]]{/source} We use different parts of the workspace to view and sort our material in different ways. Also there are some handy options in the view menu related to browsing. {source}[[a href="https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/38-fcpx-browser-mastery/videos/466-fcpx-browser-lesson-03"]]NEXT ▶[[/a]]{/source}


You know that I do not complain much and if probably only with respect to video functionality.
But I just do not get this kind of thing.
Does your video Share Function strip out info that is there?
If so why?

In simple lay mans terms this seems to me to be like putting a muzzle on a dog!

Is there a way to allow the SI video share function to let this info through so that I could use the playlists from Vimeo?

So far I have 45 of the above “Replace” links and need to add another 30 before the end of the year!

Any help would be as always gratefully appreciated.

(Maybe something that Arlex would/could have a look at?)

thanks

Paul
·
Thursday, 28 June 2018 13:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Paul,

Can you take a look of my following explanation and see whether i understand your question correctly?

Do you mean you would like to show a vimeo video which already combined multiple video in 1 video?
e.g. https://www.finalbug.tv/test01

May i know how do you embed this vimeo album (https://vimeo.com/album/4652534) under this page (https://www.finalbug.tv/test01)?

Yes, currently Easysocial only possible to embed 1 vimeo video.

If Vimeo embed functionality allow user to add this, i believe this can be possible in Easysocial but i need to know how do you embed your vimeo album video on your page first.
·
Thursday, 28 June 2018 19:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Arlex

Do you mean you would like to show a vimeo video which already combined multiple video in 1 video?
e.g. https://www.finalbug.tv/test01

Yea that is correct.

Great that you are looking at this. Thank you.
I am using Page Builder Pro again for this.
I will include the login details for finalbug.tv above in the first post in this thread.
If you need to test anything you need to go to Page Builder Pro and look for pages such as:

Vimeo Test Page Public 00
Vimeo Test Page Public 01
Vimeo Private Page ALL 15
Vimeo Private Page Test 3 from 15

(Pages activated with the normal Joomla Menu manager)

I used the Raw HTML editor to insert code such as this in Page Builder Pro:


<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://vimeo.com/album/4652534/embed" allowfullscreen frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div>


I understand that this is not quite the same as posting this...

https://vimeo.com/album/4652534

...in ES but am hoping that this is similar to the problem you helped me with where the Vimeo Thumbnails were being stripped out for videos that only dispaly on a site of your choice.

https://stackideas.com/forums/thanks-you-for-going-the-extra-mile

Any help as always greatly appreciated

thanks

Paul
·
Thursday, 28 June 2018 19:35
·
0 Likes
·
0 Votes
·
0 Comments
·
I've tried to global search regarding this Vimeo album embed information in Vimeo developer documentation, but it seems like there do not have any information for this, if you know about this perhaps you can share with us.

Basically they should appear that embed section from this album video page https://vimeo.com/album/4652534/ but it only show the share button and inside doesn't have any embed HTML.

Then i tried to view page source for this video album embed (https://vimeo.com/album/4652534/embed), inside doesn't have contain any Opengraph data, so that is no way to retrieve that video album thumbnail for this.

If you compare with normal vimeo video page source, they did show those opengraph data so it would help 3rd party developer easier to retrieve those video information through this data.

so this have to hack into this file in order to work.
JoomlaFolder/administrator/components/com_easysocial/includes/crawler/hooks/vimeo.php

After you replace the file (by default do not have this file), you have to modify that thumbnail image URL from this file, you can check my attached screenshot below which line of code i mentioned.

So those video which show into the module, it will populate this custom thumbnail image.

Hope this will help.
·
Friday, 29 June 2018 14:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Arlex

First off the OMG moment.
It works. WOW.
I will process and get back with a sensible answer other than OMG

wow thank you and more soon

Paul
·
Friday, 29 June 2018 15:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex

Thanks for writing a crawling script that some hows makes the best out of a difficult situation.
FYI I have now tested for both public Vimeo videos and videos that “can only be shown on a site of your choice” videos.
Both scenarios work with your script.

This is my current understanding of the situation.

This script attempts to pull some info from Vimeo.

a) Strictly speaking this does not work on the ES video list page here:
https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/26-fcpx-not-pro/videos
Hence your work around by adding a “Joker” image that screams click me to take me to a place where the videos can be played.

b) From here on in things work as expected.
eg
https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/26-fcpx-not-pro/videos/502-test-456?from=group

Please correct me if I am wrong…

You would like any information that would help pulling more info/earlier from Vimeo.

Or in other words the question for Vimeo is something like this...

*************************************************

hi Vimeo

I am trying to insert this:

Trying to get this: https://vimeo.com/album/4652534

And to display correctly here:

https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/26-fcpx-not-pro/videos

But I can only get it to work by inserting a place holder image that brings the user here:

https://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/26-fcpx-not-pro/videos/502-test-456?from=group

I am looking for any information pertaining to Vimeo album embed information and Opengraph data that would facilitate in retrieving the video album thumbnail for to be displayed on certain pages in a video component. eg the first link!

For more about the component that I am using to try and achieve this kindly look here:

https://stackideas.com/easysocial/tour#videos

thanks

Paul

*************************************************

Is the above question more or lees correct?

If you have any thing to add to the above question please let me know.

I will then get back to you as soon as I hear anything.

best

Paul
·
Friday, 29 June 2018 16:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, that is correct behaviour, it doesn't allow you to play the video straight away under Easysocial video listing page by default, the reason why it populate that play button is because i used this thumbnail image (https://finalbug.net/media/com_easysocial/videos/375/bcedd9a0130866373b818c6b84d812b2.jpg) which contain that play button, so i think this made you feel confuse.

I think you should consult with them is there a way to retrieve the thumbnail image for the vimeo album page e.g. https://vimeo.com/album/4652534 , similar like how you guys did for the vimeo video single page which included those opengraph meta data (http://take.ms/tZTJ8).
·
Friday, 29 June 2018 16:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex

Ok I contacted Vimeo. So fingers crossed.

You've successfully submitted your request (#3683718). As a Plus member, you should hear back from us within 4 hours on weekdays and 24 hours on weekends.


Have a good weekend and hopeful I cna tell you more on Monday.

all the best

Paul
·
Friday, 29 June 2018 17:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Alright, if they come back to you and mention that currently that is no way to do this, then you have to hardcoded your thumbnail image link from the code file.

So when you view on your video listing page, it will populate that thumbnail image for those video.
·
Friday, 29 June 2018 18:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex

This is the answer that I got so far.
Looks pretty much like a copy and paste answer to me.
I suspect that there is nothing in here that you did not already know.

Hi Paul,

Thank you for reaching out about Vimeo’s new embeddable playlist feature.

Here’s some instructions on how to insert embed codes into the most common website builders:
In order to embed a playlist, you must use its respective embed code (whether fixed size or responsive). You cannot insert album URLs into applications that do not support embed codes (for example: themes, plugins, galleries, etc.) Additionally, oEmbed is not supported for embedded playlists.

Here’s some instructions on how to insert embed codes into the most common website builders:

Wix

In the Wix website editor, click +Add, select More at the bottom of the list, then choose the HTML Code option

Click the Enter code button above the new gray block on your page to bring up the editing modal

Make sure the Code option is selected, then paste in your playlist’s embed code

Click the blue Update button, then publish the changes to your site


Squarespace

Enter editing mode for your Squarespace page, then click the + Add block icon in the top right of the page

Scroll down through the menu until you reach the More heading, the select the </> Code optio

Paste in your playlist’s embed code , then hit the Apply butto

When you’ve finished making all edits to your page, hit Save in the top left corner


Wordpress

Select the HTML editing tab in your Wordpress post
Paste in the playlist embed code
When you're ready, hit Update in the top right corner


Tumblr

Choose Video from the selection of post types
Select Add video from web option
Paste in the playlist embed code
The embedded Vimeo player will load and you’ll have the option to add text to Tumblr post

When you’re ready, hit the Post button


Please let me know if any of this was helpful or not.

Sincerely,

*****.


I will ask again on Monday.
And again include the link to the code that are talking about that is required to crawl the image via the link.
And if that does not work I will try the Vimeo forum.

all the best

Paul
·
Sunday, 01 July 2018 15:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Paul,

You cannot insert album URLs into applications that do not support embed codes (for example: themes, plugins, galleries, etc.

It seems like they already mentioned currently do not have vimeo album embed code for this and this doesn't support oEmbed as well.

So you can use my current custom code to embed this vimeo album URL in the Easysocial video.
·
Monday, 02 July 2018 10:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Arlex

I am of course more than happy to use your custom code.



thank you very much Sir.

Paul
·
Monday, 02 July 2018 22:15
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding
·
Monday, 02 July 2018 22:38
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post