Video Poster While Sharing on Facebook

Started by HPR,

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

HPRTopic starter

Dear Sir

i found when we share vibe 6 video on Facebook post it looks like this

You cannot view this attachment.

can you change the following video post style in v11 please

You cannot view this attachment.

in this way more people will be attract to watch the video because of cover poster. YT using the same way.

Thank you
  •  

Marius P.

Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  
    The following users thanked this post: HPR

HPRTopic starter

Dear sir
In vibe 11 update it still shows small thumbnail while sharing photo on facebook post
You cannot view this attachment.
instead of required size as mentioned in Recent post .
Big Thumbnail can be helpful to attract More visitors.
Please change the style of sharing videos poster as YouTube video sharing works.

Thank You
  •  

Marius P.

PHPVibe sends the big images

Quote<
        <meta property="og:image" content="https://www.videoshifter.com/storage/media/thumbs/674f68008fe64a20fca974769fc63f70-04.jpg" />
        <meta property="og:description" content="Descriere totala:  Halsey  Without Me  Live From The Victoria s Secret 2018 Fashion Show "/>
        <meta property="og:title" content="Halsey  Without Me  Live From The Victoria's Secret" />
        <meta property="og:type" content="video.other" />

https://www.videoshifter.com/storage/media/thumbs/674f68008fe64a20fca974769fc63f70-04.jpg

Not sure what you need from me technically. If you have a specific change to do please request, else I don't know how Facebook makes that design choice in their platform.
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

HPRTopic starter

Dear sir
after i searched for this i found fb sharing debugger tool at

https://developers.facebook.com/tools/debug/

and while checking vibe video url using debugger i got following error
Warnings That Should Be Fixed

Inferred Property
The provided 'og:image' properties are not yet available because new images are processed asynchronously. To ensure shares of new URLs include an image, specify the dimensions using 'og:image:width' and 'og:image:height' tags. Learn More.
.

and to solve the issue fb provided following links with information

https://developers.facebook.com/docs/sharing/webmasters/
https://developers.facebook.com/docs/sharing/best-practices/#precaching

Please check if this can help...Thankyou
  •  

Marius P.

I guess you could add these two tags to /themes/main/tpl.header.php but I won't be doing it, because getting the filesize of that image on every video page...not a good optimization technique.
You could use https://www.php.net/manual/en/function.getimagesize.php for image dimensions and code them in the theme file.

Quote<meta property="og:image" content="'.thumb_fix($video->thumb).'" />
<meta property="og:image:width content="what the documentation said as format" />
<meta property="og:image:height content="what the documentation said as format" />
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

HPRTopic starter

Quote from: Marius P. on I guess you could add these two tags to /themes/main/tpl.header.php but I won't be doing it, because getting the filesize of that image on every video page...not a good optimization technique.
You could use https://www.php.net/manual/en/function.getimagesize.php for image dimensions and code them in the theme file.


Thank you for Help Sir
As per your advice i did'nt add meta height and width but i did few changes like 777 permission for storage/thumbs folder

then i found Following Error

Provided og:image URL, https://i.ytimg.com/vi/T0Jqdjbed40/mqdefault.jpg was not valid because it did not meet the minimum size constraint of 200px by 200px.

The mqdefault thumbnail size is small 320x180 and required is minimum 200x200

May i know where i can edit the thumbnail size bigger than 320x180


Thank you
  •  

Marius P.

That's a YouTube thumbnail.

See
Quoteclass.youtube.php
in /app/classes/

Quoteif(!isset($video["thumbnail"]) || nullval($video["thumbnail"])) {
$video["thumbnail"] = "https://i4.ytimg.com/vi/" . $video['videoid'] . "/hqdefault.jpg";
if(!validateRemote($video["thumbnail"])){
$video["thumbnail"] = "https://i4.ytimg.com/vi/" . $video['videoid'] . "/default.jpg";   
}

Just keep in mind not all Youtube videos have big quality thumbnails.
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  
    The following users thanked this post: HPR

Similar topics (7)