{"id":938,"date":"2023-08-20T15:33:00","date_gmt":"2023-08-20T12:33:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=938"},"modified":"2025-02-04T20:03:26","modified_gmt":"2025-02-04T18:03:26","slug":"facebook-share-youtube-video-large-custom-thumbnail","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/","title":{"rendered":"Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?"},"content":{"rendered":"<p>There&#8217;s a tough competition among video sharing platforms and obviously, Facebook doesn&#8217;t want to send their visitors over to YouTube. This is the reason why if you want to share a YouTube video it will only show a teeny-tiny thumbnail, along with a title and a short meta description. Not something that has a very effective click through rate.<\/p>\n<h2 class=\"aligncenter\">Before:<\/h2>\n<p class=\"aligncenter\"><a href=\"https:\/\/www.youtube.com\/watch?v=grdJ8RWlpo4\" title=\"SpongeBob Rubik's Cube\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\" alt=\"youtube link facebook share small thumbnail\"><\/a><\/p>\n<h2 class=\"aligncenter\">After:<\/h2>\n<p><!--more--><\/p>\n<p class=\"aligncenter\"><a href=\"https:\/\/ruwix.com\/share\/spongebob\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/large-yt-thumbnail.jpg\" alt=\"large yt thumbnail\"><\/a><br \/>\nSource: <a href=\"https:\/\/youtu.be\/grdJ8RWlpo4\" target=\"_blank\" rel=\"noopener noreferrer\">SpongeBob Rubik&#8217;s Cube 3D drawing<\/a><\/p>\n<p>In the other hand if you share a Facebook video, it not just shows large but it also starts to play automatically when your friends scroll through it on your timeline. It even loops the video, generating more views so Facebook can brag that they generate more views.<\/p>\n<p>In this article I&#8217;m going to present an easy and effective way of creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb.<\/p>\n<h2>YT2FB and other alternatives &#8211; Don&#8217;t use them \ud83d\udc4e<\/h2>\n<p>People do share YouTube videos on their social media profile and they don&#8217;t like doing it in the form of a miniature 140&#215;140 pixel icon. Many websites offer free solutions to this problem. They all work the same: you enter the link of your YT video and the program generates a new link that you need to share on your timeline to show a large thumbnail. These sites either show the video in a frame or they redirect to it after a couple seconds.<\/p>\n<p>The most popular service yt2fb.com [it stopped working] even offers to set a custom thumbnail to make it more click-baity. The shared video will be played on their website in <a href=\"https:\/\/html-css-js.com\/html\/generator\/iframe\/\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">an iframe<\/a>, along with their logo, menu and many of their ads. This is a free service so we can&#8217;t complain about ads but it definitely doesn&#8217;t look professional.<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/yt2fb.jpg\" alt=\"yt2fb\"><\/p>\n<h2>The Professional Solution \ud83d\udc4d<\/h2>\n<p>Companies and other entities who take themselves seriously don&#8217;t use yt2fb and other alternatives to take visitors to third parties and show their ads.<\/p>\n<p>If you have a website then you can share your videos with large custom Youtube thumbnails. All you have to do is follow the steps below. I know it&#8217;s not as convenient as using a free website but it&#8217;s definitely more professional.<\/p>\n<h3>1. Set up your HTML page on your website<\/h3>\n<p>You need a page which contains the meta tags that Facebook needs to crawl and create a preview of your shared video. Then you redirect this page after two seconds to your Youtube link.<\/p>\n<p>Copy the HTML code below, place it in a .html file, look for the text marked with the dollar sign and replace them:<\/p>\n<ul>\n<li>$Title<\/li>\n<li>$Description<\/li>\n<li>$imageLink<\/li>\n<li>$youtubeLink<\/li>\n<\/ul>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #004a43;\">&lt;!DOCTYPE html&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">html<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">lang<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"en\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n  <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">head<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">charset<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"utf-8\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">http-equiv<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"x-ua-compatible\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"ie=edge\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">title<\/span><span style=\"color: #a65700;\">&gt;<\/span>$Title<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">title<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">name<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"description\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$Description\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> property<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"og:title\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$Title\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> property<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"og:type\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"website\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> property<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"og:url\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$imageLink\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> property<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"og:image\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">meta<\/span><span style=\"color: #274796;\"> property<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"og:description\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">content<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$Description\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">script<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">setTimeout<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">function<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>                                       \n\twindow<span style=\"color: #808030;\">.<\/span>location<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">replace<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">$youtubeLink<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800080;\">}<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">2000<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\t<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">script<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n  <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">head<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n  <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">body<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"container\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"title\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>Redirecting<span style=\"color: #008c00;\">...<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">h1<\/span><span style=\"color: #a65700;\">&gt;<\/span>$Title<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">h1<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #a65700;\">&gt;<\/span>$Description<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">p<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\t\t<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">img<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">src<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$imageLink\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #074726;\">alt<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"$Title\"<\/span><span style=\"color: #274796;\"> <\/span><span style=\"color: #a65700;\">\/&gt;<\/span>\n\t<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">style<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">html<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #800000; font-weight: bold;\">body<\/span> <span style=\"color: #800080;\">{<\/span><span style=\"color: #bb7977; font-weight: bold;\">padding<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">30<\/span><span style=\"color: #006600;\">px<\/span> <span style=\"color: #008c00;\">10<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">text-align<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #074726;\">center<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">font-size<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">12<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">line-height<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">1.4<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">color<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">#<\/span><span style=\"color: #008000;\">909090<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">background<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">#<\/span><span style=\"color: #008000;\">F6F6F6<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #800000; font-weight: bold;\">h1<\/span> <span style=\"color: #800080;\">{<\/span> <span style=\"color: #bb7977; font-weight: bold;\">margin<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">0<\/span> <span style=\"color: #008c00;\">10<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">font-size<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">20<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">text-align<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #074726;\">center<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #808030;\">.<\/span>title <span style=\"color: #800080;\">{<\/span><span style=\"color: #bb7977; font-weight: bold;\">font-size<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">40<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">font-weight<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #074726;\">bold<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">letter-spacing<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">2<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">color<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">#<\/span><span style=\"color: #008000;\">000<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #808030;\">.<\/span>container <span style=\"color: #800080;\">{<\/span> <span style=\"color: #bb7977; font-weight: bold;\">max-width<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">380<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #bb7977; font-weight: bold;\">margin<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">0<\/span> <span style=\"color: #074726;\">auto<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #800000; font-weight: bold;\">img<\/span><span style=\"color: #800080;\">{<\/span><span style=\"color: #bb7977; font-weight: bold;\">max-width<\/span><span style=\"color: #808030;\">:<\/span> <span style=\"color: #008c00;\">100<\/span><span style=\"color: #006600;\">px<\/span><span style=\"color: #800080;\">;<\/span><span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">style<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n  <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">body<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">html<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n<\/pre>\n<p>When the HTML file is done, upload it to a webs server, along with the image (600px wide) linked from the document. Make sure that the page is working fine and it&#8217;s redirecting to the correct location.<\/p>\n<p>For example:&nbsp;<a href=\"https:\/\/ruwix.com\/share\/spongebob\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ruwix.com\/share\/spongebob\/<\/a><\/p>\n<h3>2. Generate a preview<\/h3>\n<p>Use <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">the Facebook debug tool<\/a> to create and archive your thumbnail. Enter the URL of your recently created and uploaded HTML file and click <em>Debug<\/em>. It will throw a warning that <strong>This URL hasn&#8217;t been shared on Facebook before.<\/strong>. Click <em>Fetch new information<\/em> to preview your large thumbnil.<\/p>\n<h3>3. Share your link on Facebook<\/h3>\n<p>Your new link is ready to be shared on your social media timeline. If it doesn&#8217;t show the desired large image you can always replace it with something else but make sure you use the debug tool to refresh the cached thumbnail.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There&#8217;s a tough competition among video sharing platforms and obviously, Facebook doesn&#8217;t want to send their visitors over to YouTube. This is the reason why if you want to share a YouTube video it will only show a teeny-tiny thumbnail, along with a title and a short meta description. Not something that has a very &hellip; <a href=\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,8],"tags":[],"class_list":["post-938","post","type-post","status-publish","format-standard","hentry","category-articles","category-freebies","category-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Share YouTube videos on Facebook with a large custom thumbnails<\/title>\n<meta name=\"description\" content=\"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Share YouTube videos on Facebook with a large custom thumbnails\" \/>\n<meta property=\"og:description\" content=\"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-20T12:33:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-04T18:03:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?\",\"datePublished\":\"2023-08-20T12:33:00+00:00\",\"dateModified\":\"2025-02-04T18:03:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\"},\"wordCount\":613,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\",\"articleSection\":[\"Articles\",\"Freebies\",\"Tools\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\",\"url\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\",\"name\":\"Share YouTube videos on Facebook with a large custom thumbnails\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\",\"datePublished\":\"2023-08-20T12:33:00+00:00\",\"dateModified\":\"2025-02-04T18:03:26+00:00\",\"description\":\"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Share YouTube videos on Facebook with a large custom thumbnails","description":"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/","og_locale":"en_GB","og_type":"article","og_title":"Share YouTube videos on Facebook with a large custom thumbnails","og_description":"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb","og_url":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2023-08-20T12:33:00+00:00","article_modified_time":"2025-02-04T18:03:26+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?","datePublished":"2023-08-20T12:33:00+00:00","dateModified":"2025-02-04T18:03:26+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/"},"wordCount":613,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg","articleSection":["Articles","Freebies","Tools"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/","url":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/","name":"Share YouTube videos on Facebook with a large custom thumbnails","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg","datePublished":"2023-08-20T12:33:00+00:00","dateModified":"2025-02-04T18:03:26+00:00","description":"creating a custom large thumbnail for Youtube videos shared on Faccebook without the use of a third party free website, such as yt2fb","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/youtube-link-facebook-small-thumbnail.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/facebook-share-youtube-video-large-custom-thumbnail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Hot To Share YouTube Videos on Facebook With Large Custom Thumbnail?"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/938\/revisions"}],"predecessor-version":[{"id":2210,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/938\/revisions\/2210"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=938"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}