Hi Paul,

Seems like I cannot login your front-end using the credential given above and can you provide us with the Vimeo login credential so we can troubleshoot this further.

Hi Fadhli

As requested:

Front End:
**********
**********


and vimeo is:
**********
**********

thanks

Paul

Hello Paul,

Is the video https://vimeo.com/204509874 a private video? Because I cannot seem to access this video on Vimeo. This is what I am getting when accessing the vimeo video, http://take.ms/pMWQk

You can only create videos that can be accessed publicly because EasySocial needs to crawl the specific pages to get the proper data from the video.

Hi Mark

In the screen shot above you can see

Who can watch this video?

I have the option set to

Hide this video from Vimeo.com

I am now switching it to

Only people with the private link

And testing and it does not seem to work either!

Honestly this is a bit of a disaster as every thing I have been building revolves around Vimeo videos being displayed in an Es group!

In the moment they are public there is no point in having them in a group and putting a payment gateway in front of the Group etc.

big gulp

Paul

Hello Paul,

Because Vimeo doesn't allow anyone to access that link directly, I am guessing that when the crawler tries to crawl, Vimeo is probably preventing the crawler access

Hi Mark

Can we find a way to solve this?
I do not think I am alone in wanting to monetise videos with ES & Co?

Unfortunately if Vimeo doesn't render the video to the public, I am afraid there is no work around for this

Please go here and scroll down to the bottom and note the video...

https://www.finalbug.tv/demos

testing something please ignore...

It is the same video being crawled?!?

You are using the embed codes to embed the video and I believe vimeo allows this. But it doesn't allow you to go to the page to crawl for the embed data. This is what is being done by EasySocial.

The option at Vimeo is called

Posting Vimeo “only” on sites I choose

I think I understand what you are saying but it still seems weird to me.

When you share a link on EasySocial, it doesn't just embed html codes. It actually does a lot of stuff at the back end. Imagine opening a browser and entering the url on your browser. This is exactly what the crawler does in EasySocial to be able to generate all these rich media data.

Without the help of the crawler, it would be a nightmare to maintain every single video providers, websites out there

The nice thing about Vimeo is:

I can upload piles of video
Have some slick embed options
They take care of bandwidth etc
It does not break the bank.

For me ES was/is perfect as I want to have questions and answers related to videos!

rich media data

Thumbnails and video description?

Yes, that is correct. Most video provider provides an "oembed" data that is accessible by crawlers like EasySocial's crawler and Facebook. These crawlers would crawl against those urls and scrape the important data of the page.

As a matter of fact, this is one of the reasons why Facebook is pushing for "opengraph" and if everyone follows the standards, it'll be super easy for crawlers to do their job

Ok Mark so here is the million dollar question, how can I sell videos with Easy Social and Hika Shop if at all?

If you can add the video product on Hikashop page, I would suggest you to use this Hikashop app so the vendors can add their product through Easysocial story panel form, then about they new product information will generate as a stream and populate on the Easysocial page, it might be help vendors can promote their product on the social network as well.

Hi Arlex

Thanks for your response.
Please see the screen shots below.
I have already done every thing you suggested.

I post videos like this all the time on my other Joomla site.
And in my stupidity I thought that

Posting Vimeo “only” on sites I choose

Meant exactly what it says.

My problem remains the same

In the moment they are public there is no point in having them in a group and putting a payment gateway in front of the Group etc.

• The idea was hide them on Vimeo.
  
• Sell access to a group (Hika Shop & Co) = password.
  
• Use the jlexart blocker to control entrance to the group
  
• See thumbnails for Videos and watch them (kind of similar to in the last screen shot!)
  
• Interact with fellow learners in a group
  

As of now:

a) Some how find a way to get Posting Vimeo “only” on sites I choose to wprk with ES!
b) Find another way of dealing with videos eg hosting them, managing, paying for bandwidth myself etc
c) Scrap the concept of my site "Nerver learn alone again. Learn Post Production tools in a dedicated Study Group!"

Do you understand my dilemma?

all the best

Paul

Hi, hi

Another thing that has occurred to me above Mark says:

You are using the embed codes to embed the video and I believe vimeo allows this. But it doesn't allow you to go to the page to crawl for the embed data. This is what is being done by EasySocial.

If by embed codes Mark means this

<iframe src="https://player.vimeo.com/video/204509874" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

That is not the case. I am using the link "only" on the other site!

Thanks for took your time to explained again regarding this, I can understand what you trying to do, but unfortunately there is no work around for this if the vimeo video not to show in public.

Another thing that has occurred to me above Mark says:

You are using the embed codes to embed the video and I believe vimeo allows this. But it doesn't allow you to go to the page to crawl for the embed data. This is what is being done by EasySocial.

If by embed codes Mark means this

<iframe src="https://player.vimeo.com/video/204509874" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

That is not the case. I am using the link "only" on the other site!

Perhaps you can share with us how you add this on your site? So i can take a look why this video can populate on the page even that video unable to accessible by public user?

Hi Arlex

You can go here:

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

And you will see the video down at the bottom

I am using SP Page Builder Free v1.4 to achieve this!

thanks for looking at this

Paul

It seems like you provided that login credentials no longer work, please advise.

Warning
Username and password do not match or you do not have an account yet.

Is it can provide us with your FTP details as well?

Hi Arlex

My mistake I think the password is:

*********

Or FTP

Kindly try the following:

Session Name: *********
Short Name: ********
Address Port: ********
User Name: ********
Password: ********

thanks

Paul

After spend a few hours to check how they populate the video on your site using this "SP Page Builder Free v1.4" extension, it seems like they also using embed code, you can check my attached screenshot as well.

	if($url) {





		$video = parse_url($url);

		

		switch($video['host']) {

			case 'youtu.be':

				$id = trim($video['path'],'/');

				$src = '//http://www.youtube.com/embed/' . $id;

			break;

			

			case 'http://www.youtube.com':

			case 'youtube.com':

				parse_str($video['query'], $query);

				$id = $query['v'];

				$src = '//http://www.youtube.com/embed/' . $id;

			break;

			

			case 'vimeo.com':

			case 'http://www.vimeo.com':

				$id = trim($video['path'],'/');

				$src = "//player.vimeo.com/video/{$id}";

		}



		$output  = '<div class="sppb-addon sppb-addon-video ' . $class . '">';



		if($title) {



			$title_style = '';

			if($title_margin_top) $title_style .= 'margin-top:' . (int) $title_margin_top . 'px;';

			if($title_margin_bottom) $title_style .= 'margin-bottom:' . (int) $title_margin_bottom . 'px;';

			if($title_text_color) $title_style .= 'color:' . $title_text_color  . ';';

			if($title_fontsize) $title_style .= 'font-size:'.$title_fontsize.'px;line-height:'.$title_fontsize.'px;';

			if($title_fontweight) $title_style .= 'font-weight:'.$title_fontweight.';';



			$output .= '<'.$heading_selector.' class="sppb-addon-title" style="' . $title_style . '">' . $title . '</'.$heading_selector.'>';

		}



		$output .= '<div class="sppb-video-block sppb-embed-responsive sppb-embed-responsive-16by9">';

		$output .= '<iframe class="sppb-embed-responsive-item" src="' . $src . '" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';

		$output .= '</div>';

		

		$output .= '</div>';



		return $output;

In Easysocial, we will crawl into the video page and see whether the video page got support oembed tag or accessible or not, if yes, we will directly get all the video info from the page, if the video page doesn't have oembed support, so it will fall back to search opengraph tag on the video page.

Currently we do not have manually get the video id like Vimeo video link then manually assign to the embedded iframe code.

I've made some temporary work, but this one i can't guarantee 100% work or not is because both extension structure is totally different the way we store in the database.

This is what you can do :
1. Download my attached file and replace into this file location JoomlaFolder/administrator/components/com_easysocial/includes/crawler/crawler.php (Note : remember backup the original file in case not working.)

2. Try copy one of the vimeo video only can accessible on your domain site area into Easysocial story video form and submit.
3. It will show you show info like "error" and it didn't populate the video on the preview, this is correct behaviour.
4. Then try submit it.
5. It should show the video on the stream.

If you would like to customise like the video thumbnail URL or the video width or height, you have to manually add it from the php file which i mentioned at the following code.

// LINE 118

		// custom for vimeo 

		if ($info['host'] == 'vimeo.com' || $info['host'] == 'player.vimeo.com') {

			$oembed = new stdClass();



			// Hard code the neccessary value.

			$oembed->height = 270;

			$oembed->width = 480;

			$oembed->html = '<iframe width="' . $oembed->width . '" height="' . $oembed->height . '" src="//player.vimeo.com/video'. $info['path'] .'" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';

			$oembed->thumbnail = '';

			$oembed->thumbnail_url = '';



			$result->oembed = $oembed;

		}

Hope this will help.

Hi Arlex

Thanks for this i will give it a whirl!

all the best

Paul

Hi Arlex

Ok here is the GREAT news it works here:

https://www.finalbug.net/videos-learn-fcpx-davinci-workflow/310-testing-456?from=listing
https://www.finalbug.net/stream

but not here:

https://www.finalbug.net/videos-learn-fcpx-davinci-workflow

Please see the screen shots

Paul

ps no error messages at my end!

It seems like the video listing page is load the image thumbnail data which stored from this table #__social_videos, based on what i see, if the `thumbnail` columns do not have stored the image file, it will show blank.

May i know do you okay with this if the system unable to find any thumbnail image from database regarding those vimeo, just set a default thumbnail image?

If you okay with it, can you provide me one of the default thumbnail image URL to me? This image have to stored into your server.

Hi Arlex

Ok so we are talking about a "wildcard" something that will pop up any time a Thumbnail can not be loaded right!?!

Sounds like an amazing idea.

What dimensions do you want it?

I will aim for 50kb file size JEPG right?

Something like this

390.92 times 219.89

?

Yes, that is correct, because you mentioned only the image not show out on the video listing page.

And the video listing page, it will not playable directly when you click on the video on the listing page.

You can give me 1 of your thumbnail image URL e.g. https://www.finalbug.net/images/image.jpg

Hi Arlex

Something like this:

http://www.finalbug.net/images/LogosCO/Video-Thumb-Wildcard.jpg

Had to round up to 391 times 220

As long as the path and file name remains the same I can change it at some point in the future right?

Kind of like a "favicon"

If you need anything else let me know and thanks as always

Paul

Yes, you can change the image path from this file as well.

Try download my attached file then replace into your current template file location.

Original path : JoomlaFolder/components/com_easysocial/themes/wireframe/videos/default/item.php

Template override path : JoomlaFolder/templates/YourCurrentTemplate/html/com_easysocial/videos/default/item.php

Hi Arlex

Yes this works thank you.
I will do minor tweaking to the image but that is my problem.

Thanks for helping me get to the bottom of this

all the best

Paul

You're welcome