StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Well, I wrote a javascript thingy (called "LYTE") that will create a "dummy player" (which looks & feels like a normal YouTube embed) for every div with a specific class ("lyte") and id with the YouTube-id. Only when clicking the "dummy" player, the actual YouTube iframe is loaded and it indeed has an important impact of the performance of pages that embed YouTube videos. You can see it in action <a href="http://blog.futtta.be/category/tubeken" rel="noreferrer">on my blog</a>.</p> <p>LYTE is currently not really available standalone, only as part of <a href="http://wordpress.org/extend/plugins/wp-youtube-lyte/" rel="noreferrer">WP-YouTube-Lyte, the WordPress plugin I wrote</a>, but with minimal changes you should be able to extract all relevant code from the plugin.</p> <p>You basically have to create something like this in your HTML;</p> <pre><code><div class="lyte" id="7nuiOe8M6bw" style="width:640px;height:385px;"> <script type="text/javascript"></script></div> </code></pre> <p>This block will load lyte-min.js, which will fill the div with all graphical elements of the dummy player (image, play button, control bar, title) and will add an eventlistener to the div that will trigger the replacement of the div with the real embedded player when clicked.</p> <p>You can find the plugin <a href="http://wordpress.org/extend/plugins/wp-youtube-lyte/" rel="noreferrer">here</a> and look at the code <a href="http://plugins.svn.wordpress.org/wp-youtube-lyte/tags/0.7.3/" rel="noreferrer">here</a> (wp-youtube-lyte.php creates the div, lyte/lyte.js is the actual javascript ... thingy). </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload