TPU: Deferred YouTube Embedding 1.0.0

[W1zzard]

W1zzard submitted a new resource:

TPU: Deferred YouTube Embedding - Improves page loading performance for YouTube embeds

On threads with many YouTube embeds, the browser will hang during pageload, Internet Explorer might even crash.

This addon defers loading of YouTube embeds until the user clicks on them to play.

Beta right now, feedback please.

Read more about this resource...

 

[SAS1024]

Very usefull addon! Thank you!

But I think it will be better to use own YouTube API Key, not always your key. And if you could add separate setting for YouTube API Key, it would be great.

 

[W1zzard]

But I think it will be better to use own YouTube API Key, not always your key. And if you could add separate setting for YouTube API Key, it would be great.

I'm just using my own API key for now, it has more than enough requests per day for many forums. Also this makes it easy for people to install, because they don't have to request an API key from Google (which is simple, but still some work). I'll probably add an option to enter the API key in the future.

 

[imthebest]

Very good idea of this add-on! Questions:

1. Would this affect the responsive design?
2. What is this awkward single line in your source code?

background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik04NC4xNSAyNi40djYuMzVjMCAyLjgzMy0wLjE1IDUuOTY3LTAuNDUgOS40IC0wLjEzMyAxLjctMC4yNjcgMy4xMTctMC40IDQuMjVsLTAuMTUgMC45NWMtMC4xNjcgMC43NjctMC4zNjcgMS41MTctMC42IDIuMjUgLTAuNjY3IDIuMzY3LTEuNTMzIDQuMDgzLTIuNiA1LjE1IC0xLjM2NyAxLjQtMi45NjcgMi4zODMtNC44IDIuOTUgLTAuNjMzIDAuMi0xLjMxNiAwLjMzMy0yLjA1IDAuNCAtMC43NjcgMC4xLTEuMyAwLjE2Ny0xLjYgMC4yIC00LjkgMC4zNjctMTEuMjgzIDAuNjE3LTE5LjE1IDAuNzUgLTIuNDM0IDAuMDM0LTQuODgzIDAuMDY3LTcuMzUgMC4xaC0yLjk1QzM4LjQxNyA1OS4xMTcgMzQuNSA1OS4wNjcgMzAuMyA1OWMtOC40MzMtMC4xNjctMTQuMDUtMC4zODMtMTYuODUtMC42NSAtMC4wNjctMC4wMzMtMC42NjctMC4xMTctMS44LTAuMjUgLTAuOS0wLjEzMy0xLjY4My0wLjI4My0yLjM1LTAuNDUgLTIuMDY2LTAuNTMzLTMuNzgzLTEuNS01LjE1LTIuOSAtMS4wMzMtMS4wNjctMS45LTIuNzgzLTIuNi01LjE1QzEuMzE3IDQ4Ljg2NyAxLjEzMyA0OC4xMTcgMSA0Ny4zNUwwLjggNDYuNGMtMC4xMzMtMS4xMzMtMC4yNjctMi41NS0wLjQtNC4yNUMwLjEzMyAzOC43MTcgMCAzNS41ODMgMCAzMi43NVYyNi40YzAtMi44MzMgMC4xMzMtNS45NSAwLjQtOS4zNWwwLjQtNC4yNWMwLjE2Ny0wLjk2NiAwLjQxNy0yLjA1IDAuNzUtMy4yNSAwLjctMi4zMzMgMS41NjctNC4wMzMgMi42LTUuMSAxLjM2Ny0xLjQzNCAyLjk2Ny0yLjQzNCA0LjgtMyAwLjYzMy0wLjE2NyAxLjMzMy0wLjMgMi4xLTAuNCAwLjQtMC4wNjYgMC45MTctMC4xMzMgMS41NS0wLjIgNC45LTAuMzMzIDExLjI4My0wLjU2NyAxOS4xNS0wLjdDMzUuNjUgMC4wNSAzOS4wODMgMCA0Mi4wNSAwTDQ1IDAuMDVjMi40NjcgMCA0LjkzMyAwLjAzNCA3LjQgMC4xIDcuODMzIDAuMTMzIDE0LjIgMC4zNjcgMTkuMSAwLjcgMC4zIDAuMDMzIDAuODMzIDAuMSAxLjYgMC4yIDAuNzMzIDAuMSAxLjQxNyAwLjIzMyAyLjA1IDAuNCAxLjgzMyAwLjU2NiAzLjQzNCAxLjU2NiA0LjggMyAxLjA2NiAxLjA2NiAxLjkzMyAyLjc2NyAyLjYgNS4xIDAuMzY3IDEuMiAwLjYxNyAyLjI4NCAwLjc1IDMuMjVsMC40IDQuMjVDODQgMjAuNDUgODQuMTUgMjMuNTY3IDg0LjE1IDI2LjR6TTMzLjMgNDEuNEw1NiAyOS42IDMzLjMgMTcuNzVWNDEuNHoiIGZpbGw9IiMxRjFGMUYiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBvbHlnb24gcG9pbnRzPSIzMy4zIDQxLjQgMzMuMyAxNy43NSA1NiAyOS42IiBmaWxsPSIjRkZGRkZGIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat scroll center center / 84px 59px;

 

[SAS1024]

@Super120, it's a "play button" image in SVG format.

 

[W1zzard]

@Super120, it's a "play button" image in SVG format.

yup, good to see people checking out source code of addons.

Would this affect the responsive design?

i dont think so. i've tried it this morning on my ipad, works, but you have to press play twice. feel free to test and feedback.

 

[SAS1024]

@W1zzard, there is trouble with display youtube videos on mobile phones.
It can be fixed in EXTRA.CSS with following code:

@media (max-width: 480px) {
.Responsive .youtube-container {
  width:325px;
  height:244px;
}
}

 

[SAS1024]

One more problem - youtube links with timestamps. They are not work with this addon.

 

[DOA]

Has anyone else tried this? The demo seems to load very fast!

Does it support https/HD/timestamps?

 

[matyprot]

May be this can work on taiga chat pro?