WP YouTube Lyte - Version 1.2.1

Version Description

  • bugfix: if e.g. modernizr added "audio" as class to the html element, wp youtube lyte got confused, as reported by Peco of dubtechnoblog.com and Delphuk, thanks guys!
  • tested succesfully with WordPress 3.6 (development-version)
Download this release

Release Info

Developer futtta
Plugin Icon 128x128 WP YouTube Lyte
Version 1.2.1
Comparing to
See all releases

Code changes from version 1.2.0 to 1.2.1

Files changed (3) hide show
  1. readme.txt +7 -2
  2. widget.php +3 -1
  3. wp-youtube-lyte.php +4 -4
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: futtta
3
  Tags: youtube, video, lyte, lite youtube embeds, html5 video, html5, widget, youtube audio, audio, playlist, youtube playlist, hd, performance, accessibility, sidebar, lazy load, responsive, microdata, videoobject
4
  Requires at least: 2.9
5
- Tested up to: 3.4.2
6
- Stable tag: 1.2.0
7
 
8
  High performance YouTube video, playlist and audio-only embeds which don't slow down your blog and offer optimal accessibility.
9
 
@@ -78,6 +78,7 @@ This was added as a beta feature in version 1.1.0; add ?enablejsapi=1 to the htt
78
  * Having the same YouTube-video on one page can cause WP YouTube Lyte to malfunction (as the YouTube id is used as the div's id in the DOM, and DOM id's are supposed to be unique)
79
  * As youtube-nocookie.com does not serve the HTML5-player, WP YouTube Lyte uses the youtube.com domain (which provides less privacy), but as soon as youtube-nocookie.com serves HTML5-video, this will become the default domain for WP YouTube Lyte again.
80
  * When using the Firefox plugin Karma Blocker, the [video isn't visible when clicking "play", with a warning message being shown instead](http://blog.futtta.be/?p=7584). This is expected behavior and should be solved by tweaking Karma Blocker's configuration.
 
81
  * The translations have not been updated entirely for version 1.2.0, this will be included in 1.2.1. Help with translations is always welcome!
82
 
83
  = I found a bug/ I would like a feature to be added! =
@@ -90,6 +91,10 @@ Just tell me, I like the feedback! Use the [Contact-page on my blog](http://blog
90
 
91
  == Changelog ==
92
 
 
 
 
 
93
  = 1.2.0 =
94
  * LYTE embeds are now fully responsive
95
  * automatic inclusion of [scheme.org microdata (VideoObject)](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=2413309)
2
  Contributors: futtta
3
  Tags: youtube, video, lyte, lite youtube embeds, html5 video, html5, widget, youtube audio, audio, playlist, youtube playlist, hd, performance, accessibility, sidebar, lazy load, responsive, microdata, videoobject
4
  Requires at least: 2.9
5
+ Tested up to: 3.6
6
+ Stable tag: 1.2.1
7
 
8
  High performance YouTube video, playlist and audio-only embeds which don't slow down your blog and offer optimal accessibility.
9
 
78
  * Having the same YouTube-video on one page can cause WP YouTube Lyte to malfunction (as the YouTube id is used as the div's id in the DOM, and DOM id's are supposed to be unique)
79
  * As youtube-nocookie.com does not serve the HTML5-player, WP YouTube Lyte uses the youtube.com domain (which provides less privacy), but as soon as youtube-nocookie.com serves HTML5-video, this will become the default domain for WP YouTube Lyte again.
80
  * When using the Firefox plugin Karma Blocker, the [video isn't visible when clicking "play", with a warning message being shown instead](http://blog.futtta.be/?p=7584). This is expected behavior and should be solved by tweaking Karma Blocker's configuration.
81
+ * If you use a CDN and you are upgrading, you'll have to make sure to either flush the CDN cache or -if available- make sure it is set not to ignore the querystring parameters (e.g. "Treat Query Strings as a separate cacheable item" at MaxCDN/NetDNA) to avoid that an old version of lyte-min.js is loaded.
82
  * The translations have not been updated entirely for version 1.2.0, this will be included in 1.2.1. Help with translations is always welcome!
83
 
84
  = I found a bug/ I would like a feature to be added! =
91
 
92
  == Changelog ==
93
 
94
+ = 1.2.1 =
95
+ * bugfix: if e.g. modernizr added "audio" as class to the html element, wp youtube lyte got confused, as reported by [Peco of dubtechnoblog.com](http://www.dubtechnoblog.com/) and [Delphuk](http://delphuk.ru/), thanks guys!
96
+ * tested succesfully with WordPress 3.6 (development-version)
97
+
98
  = 1.2.0 =
99
  * LYTE embeds are now fully responsive
100
  * automatic inclusion of [scheme.org microdata (VideoObject)](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=2413309)
widget.php CHANGED
@@ -18,9 +18,11 @@ class WYLWidget extends WP_Widget {
18
  $WYLaudio = apply_filters( 'widget_text', $instance['WYLaudio'], $instance );
19
  if ($WYLaudio!=="audio") {
20
  $wrapperClass = " lidget";
 
21
  $wHeight = $wSize[$WYLsize]['h'];
22
  } else {
23
  $wrapperClass = "-audio lidget";
 
24
  $wHeight = "38";
25
  }
26
 
@@ -56,7 +58,7 @@ class WYLWidget extends WP_Widget {
56
  ?>
57
  <?php echo $before_widget; ?>
58
  <?php if ( $WYLtitle ) echo $before_title . $WYLtitle . $after_title; ?>
59
- <div class="lyte-wrapper<?php echo $wrapperClass; ?>" style="width:<?php echo $wSize[$WYLsize]['w']; ?>px; height:<?php echo $wHeight; ?>px; min-width:200px; max-width:100%;"><div class="lyMe <?php echo $WYLaudio; echo $qsaClass; ?>" id="<?php echo $WYL_dom_id; ?>"><div id="lyte_<?php echo $WYLid; ?>" data-src="<?php echo $WYLthumb;?>" class="pL"><div class="play"></div><div class="ctrl"><div class="Lctrl"></div></div></div></div><noscript><a href="http://youtu.be/<?php echo $WYLid;?>"><img src="<?php echo $WYLthumb; ?>" alt="" /></a></noscript></div>
60
  <div><?php echo $WYLtext ?></div>
61
  <?php echo $after_widget; ?>
62
  <?php
18
  $WYLaudio = apply_filters( 'widget_text', $instance['WYLaudio'], $instance );
19
  if ($WYLaudio!=="audio") {
20
  $wrapperClass = " lidget";
21
+ $audioClass = "";
22
  $wHeight = $wSize[$WYLsize]['h'];
23
  } else {
24
  $wrapperClass = "-audio lidget";
25
+ $audioClass = " lyte-audio";
26
  $wHeight = "38";
27
  }
28
 
58
  ?>
59
  <?php echo $before_widget; ?>
60
  <?php if ( $WYLtitle ) echo $before_title . $WYLtitle . $after_title; ?>
61
+ <div class="lyte-wrapper<?php echo $wrapperClass; ?>" style="width:<?php echo $wSize[$WYLsize]['w']; ?>px; height:<?php echo $wHeight; ?>px; min-width:200px; max-width:100%;"><div class="lyMe<?php echo $audioClass; echo $qsaClass; ?>" id="<?php echo $WYL_dom_id; ?>"><div id="lyte_<?php echo $WYLid; ?>" data-src="<?php echo $WYLthumb;?>" class="pL"><div class="play"></div><div class="ctrl"><div class="Lctrl"></div></div></div></div><noscript><a href="http://youtu.be/<?php echo $WYLid;?>"><img src="<?php echo $WYLthumb; ?>" alt="" /></a></noscript></div>
62
  <div><?php echo $WYLtext ?></div>
63
  <?php echo $after_widget; ?>
64
  <?php
wp-youtube-lyte.php CHANGED
@@ -4,14 +4,14 @@ Plugin Name: WP YouTube Lyte
4
  Plugin URI: http://blog.futtta.be/wp-youtube-lyte/
5
  Description: Lite and accessible YouTube audio and video embedding.
6
  Author: Frank Goossens (futtta)
7
- Version: 1.2.0
8
  Author URI: http://blog.futtta.be/
9
  Text Domain: wp-youtube-lyte
10
  Domain Path: /languages
11
  */
12
 
13
  $debug=false;
14
- $lyte_version="1.2.0";
15
  $lyte_db_version=get_option('lyte_version','none');
16
 
17
  /** have we updated? */
@@ -131,7 +131,7 @@ function lyte_parse($the_content,$doExcerpt=false) {
131
  $audio=false;
132
  } else {
133
  $audio=true;
134
- $audioClass=" audio";
135
  $divHeight=38;
136
  }
137
 
@@ -280,7 +280,7 @@ function lyte_initer() {
280
  /* actual initialization */
281
  function lyte_init() {
282
  global $lyteSettings;
283
- echo "<script type=\"text/javascript\">var bU='".$lyteSettings['path']."';style = document.createElement('style');style.type = 'text/css';rules = document.createTextNode(\".lyte,.lyMe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#777;} .fourthree .lyMe, .fourthree .lyte {padding-bottom:75%;} .lidget{margin-bottom:5px;} .lidget .lyte, .widget .lyMe {padding-bottom:0!important;height:100%!important;} .lyte-wrapper-audio .lyte{height:38px!important;overflow:hidden;padding:0!important} .lyte iframe,.lyte .pL{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat scroll center #000;background-size:cover;cursor:pointer} .tC{background-color:rgba(0,0,0,0.5);left:0;position:absolute;top:0;width:100%} .tT{color:#FFF;font-family:sans-serif;font-size:12px;height:auto;text-align:left;padding:5px 10px} .tT:hover{text-decoration:underline} .play{background:no-repeat scroll 0 0 transparent;width:90px;height:62px;position:absolute;left:43%;left:calc(50% - 45px);left:-webkit-calc(50% - 45px);top:38%;top:calc(50% - 31px);top:-webkit-calc(50% - 31px);} .widget .play {top:30%;top:calc(45% - 31px);top:-webkit-calc(45% - 31px);transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);} .lyte:hover .play{background-position:0 -65px} .audio .pL{max-height:38px!important} .audio iframe{height:438px!important} .ctrl{background:repeat scroll 0 -215px transparent;width:100%;height:40px;bottom:0;left:0;position:absolute} .Lctrl{background:no-repeat scroll 0 -132px transparent;width:158px;height:40px;bottom:0;left:0;position:absolute} .Rctrl{background:no-repeat scroll -42px -174px transparent;width:117px;height:40px;bottom:0;right:0;position:absolute} .audio .play,.audio .tC{display:none} .hidden{display:none}\" );if(style.styleSheet) { style.styleSheet.cssText = rules.nodeValue;} else {style.appendChild(rules);}document.getElementsByTagName('head')[0].appendChild(style);</script>";
284
  echo "<script type=\"text/javascript\" async=true src=\"".$lyteSettings['path'].$lyteSettings['file']."\"></script>";
285
  }
286
 
4
  Plugin URI: http://blog.futtta.be/wp-youtube-lyte/
5
  Description: Lite and accessible YouTube audio and video embedding.
6
  Author: Frank Goossens (futtta)
7
+ Version: 1.2.1
8
  Author URI: http://blog.futtta.be/
9
  Text Domain: wp-youtube-lyte
10
  Domain Path: /languages
11
  */
12
 
13
  $debug=false;
14
+ $lyte_version="1.2.1";
15
  $lyte_db_version=get_option('lyte_version','none');
16
 
17
  /** have we updated? */
131
  $audio=false;
132
  } else {
133
  $audio=true;
134
+ $audioClass=" lyte-audio";
135
  $divHeight=38;
136
  }
137
 
280
  /* actual initialization */
281
  function lyte_init() {
282
  global $lyteSettings;
283
+ echo "<script type=\"text/javascript\">var bU='".$lyteSettings['path']."';style = document.createElement('style');style.type = 'text/css';rules = document.createTextNode(\".lyte,.lyMe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#777;} .fourthree .lyMe, .fourthree .lyte {padding-bottom:75%;} .lidget{margin-bottom:5px;} .lidget .lyte, .widget .lyMe {padding-bottom:0!important;height:100%!important;} .lyte-wrapper-audio .lyte{height:38px!important;overflow:hidden;padding:0!important} .lyte iframe,.lyte .pL{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat scroll center #000;background-size:cover;cursor:pointer} .tC{background-color:rgba(0,0,0,0.5);left:0;position:absolute;top:0;width:100%} .tT{color:#FFF;font-family:sans-serif;font-size:12px;height:auto;text-align:left;padding:5px 10px} .tT:hover{text-decoration:underline} .play{background:no-repeat scroll 0 0 transparent;width:90px;height:62px;position:absolute;left:43%;left:calc(50% - 45px);left:-webkit-calc(50% - 45px);top:38%;top:calc(50% - 31px);top:-webkit-calc(50% - 31px);} .widget .play {top:30%;top:calc(45% - 31px);top:-webkit-calc(45% - 31px);transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);} .lyte:hover .play{background-position:0 -65px} .lyte-audio .pL{max-height:38px!important} .lyte-audio iframe{height:438px!important} .ctrl{background:repeat scroll 0 -215px transparent;width:100%;height:40px;bottom:0;left:0;position:absolute} .Lctrl{background:no-repeat scroll 0 -132px transparent;width:158px;height:40px;bottom:0;left:0;position:absolute} .Rctrl{background:no-repeat scroll -42px -174px transparent;width:117px;height:40px;bottom:0;right:0;position:absolute} .lyte-audio .play,.lyte-audio .tC{display:none} .hidden{display:none}\" );if(style.styleSheet) { style.styleSheet.cssText = rules.nodeValue;} else {style.appendChild(rules);}document.getElementsByTagName('head')[0].appendChild(style);</script>";
284
  echo "<script type=\"text/javascript\" async=true src=\"".$lyteSettings['path'].$lyteSettings['file']."\"></script>";
285
  }
286