Earth Tribes Theater Multiplex
Earth Tribes Videos
The idea here is to provide multiple presto player playlists organized by theme. Each independent theater here (2 are shown) is successfully constructed from an ACF Custom Post Type.
I want the playlist to display underneath the video which works perfectly when I place the shortcode in a container with it’s width restricted to 650 pixels simulating it’s display on a mobile device as shown on the left. Beautiful and balanced in every way.
What I also need is for the playlist below the video to behave like it does on mobile (see the mobile screenshot below) where it shows only the first 4.5 lines of the playlist and it becomes scrollable so the playlist can be of any size.
I’ve been unable to achieve this simply by restricting the height on the shortcode’s container (div/block/flex etc).
Any help would be greatly appreciated. You can see that the potential for this is truly remarkable. The Presto Player element is beautifully designed.
Mark
[presto_playlist heading="Earth Tribes Videos" listTextSingular="Video" listTextPlural="Videos" transitionDuration=10 styles="--presto-playlist-highlight-color: #942192; --presto-playlist-text-color: white; --presto-playlist-background-color: #383838; --presto-playlist-border-radius: 7px;--presto-playlist-border-width: 2px;"] [presto_playlist_item id=278 title="Interview with Dr. Erica Dodds 'Climate Restoration: A New Paradigm Without The Doom & Gloom'" duration="41m"] [presto_playlist_item id=279 title="Wrong Time to Spot a Turtle" duration="4m"] [presto_playlist_item id=280 title="Three Things ‘My Octopus Teacher’ Taught Me" duration="4m"] [presto_playlist_item id=281 title="Our Infinite Creative Capacity" duration="3m"] [presto_playlist_item id=304 title="How Wolves Changed Rivers" duration="4m"] [/presto_playlist]Longer Video Playlist
As you can see on this example, with a long list of videos, they just extend without the benefit of a scrollable list of 4.5 items per view (which is the absolute perfect amount).
In addition, you’ll notice that when you click on the videos there is a flash of the video thumbnail zoomed in that is really annoying and this does not happen on a mobile phone. Hmmm.
Mark
[presto_playlist heading="Longer Video Playlist" listTextSingular="Video" listTextPlural="Videos" transitionDuration=10 styles="--presto-playlist-highlight-color: #942192; --presto-playlist-text-color: white; --presto-playlist-background-color: #383838; --presto-playlist-border-radius: 7px;--presto-playlist-border-width: 2px;"] [presto_playlist_item id=1051 title="This is a Video" duration="4m"] [presto_playlist_item id=1050 title="This is a Video" duration="4m"] [presto_playlist_item id=1049 title="This is a Video" duration="4m"] [presto_playlist_item id=1048 title="This is a Video" duration="4m"] [presto_playlist_item id=1047 title="This is a Video" duration="4m"] [presto_playlist_item id=1045 title="This is a Video" duration="4m"] [presto_playlist_item id=1044 title="This is a Video" duration="3m"] [presto_playlist_item id=1043 title="This is a Video" duration="4m"] [presto_playlist_item id=1042 title="This is a Video" duration="4m"] [presto_playlist_item id=1041 title="This is a Video" duration="4m"] [presto_playlist_item id=1040 title="This is a Video" duration="3m"] [presto_playlist_item id=1039 title="This is a Video" duration="4m"] [presto_playlist_item id=1038 title="This is a Video" duration="4m"] [/presto_playlist]
Here’s a screenshot from my mobile phone displaying this page you see here and it shows the long video list limited to 4 and a half lines which is just perfect.
How can I achieve this same effect when the screen is not mobile sized?
Contents of the shortcode
[presto_playlist heading="Earth Tribes Videos" listTextSingular="Video" listTextPlural="Videos" transitionDuration=10 styles="--presto-playlist-highlight-color: #942192; --presto-playlist-text-color: white; --presto-playlist-background-color: #383838; --presto-playlist-border-radius: 7px;--presto-playlist-border-width: 2px;"] [presto_playlist_item id=278 title="Interview with Dr. Erica Dodds 'Climate Restoration: A New Paradigm Without The Doom & Gloom'" duration="41m"] [presto_playlist_item id=279 title="Wrong Time to Spot a Turtle" duration="4m"] [presto_playlist_item id=280 title="Three Things ‘My Octopus Teacher’ Taught Me" duration="4m"] [presto_playlist_item id=281 title="Our Infinite Creative Capacity" duration="3m"] [presto_playlist_item id=304 title="How Wolves Changed Rivers" duration="4m"] [/presto_playlist]