EW Gallery Plugin vs WP YouTube Lyte

The East West (EW) Gallery Plugin allows you to organize photos and YouTube videos on your WordPress website into folders and display each folder in its own Jssor slider. Customization settings allow you to tailor the fonts, borders, colors, backgrounds and photo sizes to match your website theme. There is also an option to display only the content from a single folder in a slideshow page (without the index links). EW Gallery Settings Following are detailed descriptions of each of the EW Gallery Settings: Gallery Index Settings Index Margin – The margin around the folder index. This field accepts standard CSS margin values, i.e. “10px”, “10px 5px”, “10px 5px 0px 5px”, “auto”, etc. Index Padding – The padding around the folder index. Index Alignment – This setting determines how the index is aligned on the page. Gallery Thumbnail Settings Thumbnail Width – This is total width of the Index Thumbnails, including the border. So for example, if you want the image to be 150px wide with a 3px border, set the width at 156px (3px + 150px + 3px). Thumbnail Margin – This is the margin around each Index Thumbnail. Thumbnail Padding – This setting applies to the padding around each Index Thumbnail. Thumbnail Alignment – This setting will determine whether the thumbnails are aligned to the left, center, or right side of the page. Thumbnail Border Style – The border around each thumbnail can be solid, dotted, or no border. Thumbnail Border Width – The width of the border around each thumbnail. Thumbnail Border Color – The thumbnail border color. Thumbnail Border Radius – For rounded corners, use this setting. For square thumbnails, set to 0px. Slider Settings Slider Wrapper Width – This setting applies to the maximum width of the container used for the slider and sets the maximum width of the slider and border. In most cases it is best to set this as a percentage of the page container width, i.e. 80% or 100%, so that the slider will resize properly for different page resolutions. Slider Wrapper Height – The settings applies to the maximum height of the container used for both the slider and thumbnails (inside the border). The elements inside will adjust to fit inside this height and should be set appropriately for the highest supported resolution, Slider Width – The setting applies to the maximum internal width of the slider and thumbnails. This should be set for the largest width at the highest supported resolution, such as 800px. Slider Image Height – This setting applies to the height of the slider image. This should be set to the Wrapper Height, minus the border and thumbnail heights. Slider Margin – This setting applies to the margin around the slider and should usually be set to auto. Slider Padding – This setting will create padding around the inside of the slider and is usually set to 0px. Slider Border Style – Select a solid or dotted border, or no border. Slider Border Width – Select the border width in pixels. Slider Border Color – Select the color of the border around the slider. Slider Border Radius – Use this setting for rounded corners. Slider Background Color – This is the background color behind the slider photos and thumbnails. Slider Background Transparent – Check this box to override the background color and use a transparent background. Slideshow Settings Autoplay Slides – Select this setting to cause the slideshow to start automatically. Slide Duration – This is the length of time in milliseconds that each slide will display before scrolling. Autoplay Delay – This is the length of time to wait before the slideshow starts if autoplay is selected. Index Link Settings Index Link Color – This is the font color of the index (folder) entries. Index Link Hover Color – This is the color that will be used to highlight index entries when the user hovers their cursor over them. It is also used as the separator color between index entries. Index Font Settings Index Font Size – This is the font size for standard resolution displays. Index Font Size (Mobile Layout) – This is the font size used for mobile displays. Index Font Family – This is the font family used for the index (folder) links.

WP YouTube Lyte allows you to “lazy load” your video’s, by inserting responsive “Lite YouTube Embeds”. These look and feel like normal embedded YouTube, but only call the “fat” YouTube-player when clicked on, thereby reducing download size & rendering time substantially when embedding YouTube occasionally and improving page performance dramatically when you’ve got multiple YouTube video’s on one and the same page. The plugin can be configured to cache YouTube thumbnails locally, improving both performance and privacy. As such LYTE embedded YouTube videos do not require requests to the YouTube servers, probably (I am not a lawyer) allowing for better GDPR-compliance. The plugin picks up on normal YouTube links, taking over from WordPress core’s oEmbed. Alternatively you can add a YouTube-link for a video or an entire playlist with “httpv” instead of “http(s)” or add a Lyte widget to your sidebar and WP YouTube Lyte replaces that link with the correct performance-optimized code. Some examples: httpv://www.youtube.com/watch?v=_SQkWbRublY (normal video embed) httpv://youtu.be/_SQkWbRublY (video embed with youtube-shortlink) httpa://www.youtube.com/watch?v=_SQkWbRublY (audio only embed) httpv://www.youtube.com/playlist?list=PLA486E741B25F8E00 (playlist embed) httpv://www.youtube.com/watch?v=_SQkWbRublY#stepSize=-1 (video player, one size smaller than what’s configured as default) httpv://www.youtube.com/watch?v=_SQkWbRublY?start=20&showinfo=0 (video player, start playing at 20 seconds and don’t show title) Or using shortcodes: [lyte id='_SQkWbRublY' /] [lyte id='_SQkWbRublY' audio='true' /] [lyte id='A486E741B25F8E00' playlist='true' /] WP YouTube Lyte has been written with optimal performance as primary goal, but has been tested for maximum browser-compatibility (iPad included) while keeping an eye on accessibility. Starting with version 1.2.0 lyte embeds are fully responsive and can automatically embed videoObject microdata as well. The plugin is fully multi-language, with support for Catalan, Dutch, English, French, German, Hebrew, Romanian, Spanish and Slovene. Feedback is welcome; see info in the faq for bug reports/ feature requests and feel free to rate and/or report on compatibility on wordpress.org.