Displays smaller version than all other Youtube plugins

So even when choosing different sizes on the admin-page, the actual player remains the same size? That obviously shouldn’t happen.

Two possible reasons:
* the player is inside a container (div or table cell) that is smaller. As the LYTE is reponsive, it will adapt to the size of that container.
* there is a CSS conflict that is affecting the LYTE player

If you can provide me with a URL I’m sure we can spot & fix this!

a) I could see this for the larger sizes, but not the smaller ones.

b) I already found a replacement plugin that works as expected… but, will turn your plugin back on for the rest of the day. if you see, please let me know asap so I can put the other on in case client is viewing.

Thanks!

Peace

here the difference is very clear 1st one: https://sacredspacespiritualcenter.org/category/previous-services/

I looked at CSS to see what the width of the div is in which the vids are shown. The art-post div is 458 wide (900 for art-sheet – 2X201 for the 2 sidebars – 2X20 for padding as set on art-post). The width of the LYTE div is set to 640px but also a max-width of 100%, resulting in a width of 458.

The fact that the other plugins are showing a slightly bigger player, is because they don’t have a max-width, hence to go outside the box which the content should be in (but as the width of the vid is only slightly bigger it does not look too bad).

Conclusion; although you (the client) prefers the slightly larger player, it does not really honour the CSS.

Possible solution: remove the 2X20px padding on art-post and LYTE player will take that extra width as well.

hope this helps,
frank

Hi Frank,

Thanks for the great research to discovering the core problem here. Wish I knew how to change to 5 stars!

We have something that is working and not wanting to change the padding in the template right now.

will definitely look to use your plugin for load time sensitive sites (maybe this site in the future).

and, thanks also for offering this service to all of us, and inviting donations to worthy charities – making the world go round in many special and unique ways ??

All the Best
Stephen

Thanks for the feedback Stephen.

Updating your rating can be done on the plugin page where, in the “my rating” widget in the right-hand column, you can click on the amount of stars you consider appropriate ??

Would a flag “ignore-padding” be of value to others too?

thanks for amazing support

That would be difficult, but you could add

.art-postcontent{margin: 0 -20px;}

to the lyte css (using lyte_filter in the API, see lyte_helper.php_example) and that _should_ do just that.

frank

Wish I understood coding better.

Only found 1 css file in the project: jquery.zrssfeed.css
dropped the snip in there…

Checked out the file lyte_helper.php_example but did not find the example lyte_filter as an example.

Or where you suggesting putting this snip in lyte_change_css() example and adding this code to wp-youtube-lyte.php in the api section? If so, where would it be called from?

ok, here’s what you should do;

1. copy wp-content/plugins/wp-youtube-lyte/lyte_helper.php_example to wp-content/plugins/lyte_helper.php
2. open wp-content/plugins/lyte_helper.php and on line 65 replace

   /** change css using lyte_css filter, e.g. to hide bottom control ui */
   // add_filter('lyte_css','lyte_change_css',10,1);
   function lyte_change_css($lyte_css) {
   	/** you can replace the entire css here or just add some declarations overriding the default ones */
   	return $lyte_css.=" .ctrl{display:none;}";
   }

   with

   /** change css using lyte_css filter, e.g. to hide bottom control ui */
   add_filter('lyte_css','lyte_change_css',10,1);
   function lyte_change_css($lyte_css) {
   	/** you can replace the entire css here or just add some declarations overriding the default ones */
   	return $lyte_css.=" .art-postcontent{margin: 0 -20px;}";
   }

3. next go to your plugins page and you should see lyte_helper as an inactive plugin. activate it and you should be good to go.

Alternatively you could add the block of code to your theme’s functions.php (but take care of that being overwritten when updating the theme).

hope this helps,
frank