Home » Tutorials » HTML » Youtube thumbline image instead video Iframe

Youtube thumbline image instead video Iframe

Inserting bulk records using JavaScript, asp.net
Difference between JSON.stringify() and JSON.parse() in JSON - JavaScript

Youtube thumbline image instead video Iframe

Hello folks, Today I want to share one of the amazing concept how can we use Youtube thumbline image instead video Iframe!! Because sometime youtube Iframe will take more time to get load though our whole page has been loaded at client side and this will also make our website slow for our customers, so instead of direct use Youtube Iframe we should use Youtube thumbline. I have added simple code snippet as below please refer it:

Here as shown in code snippet we have fetched thumbline of Youtube dynamically and display that image instead loading whole Iframe at a beginning. As soon as user will click on that image IFrame will be loaded explicitly on that page. So user will get faster page load and get better user experience.

Output of our code snippet:



Hello friends, My self Dhruv Sheth, I have more than 6 years of Industrial experience as a Software Developer. In my career I got chance to work with asp.net, c#,Web API, JavaScript, JQuery, WPF, WCF , Windows Application, PostScript, vb.net, GhostScript etc. So I have decided to share my knowledge with everyone and finally I have come up with TechnoThirsty.

Leave a Reply

Your email address will not be published. Required fields are marked *


Time limit is exhausted. Please reload CAPTCHA.

The content is copyrighted to technothirsty.com and may not be reproduced on other websites without permission from the owner.You may contact us using the information below.