When the vidstack library moves into stable version. Currently there's still some known bugs.

It can do that. Under the query loop option there's a setting "Use query loop for.." that you can change from data sets to data points. Then the query loop will dynamically populate the data points.

The video is the same quality throughout, it's probably just KZbin adjusting based on your internet connection as the video was playing.

Hi, it's due to the underlying JS library being used not yet being quite completed (remaining in 'release candidate' version for bug fixing much longer than originally expected). There's nothing being waited for on our end, these Bricks elements have been ready for some time. Our next update will be early next month, and i'm expecting these media elements to be part of that release. The library remains in RC, but any small bugs that we had originally come across have now all been resolved, and so is stable for this specific integration. That said, obviously best to wait before purchasing if that's what you'd be purchasing the plugin for. Just keep an eye out for the changelog when it comes in August.

Haha yep. Easily fixed with grid but trying to keep the video about the slide menu settings/options only.

Will add this as an option. So then you can either have it so the enter controls the live search, or that typing controls the live search but pressing enter will redirect to a search archive page.

@@bricksextras Perfect! Thank you!!

Is it possible to filter by post type? Eg products, pages etc

@@AmandaLucaseu if you mean inside of the live search, yes. You'd control it from the query loop. (it's mentioned in the video at the 5:23 if you mean, when the search redirects the user to a search results page - I'll make sure to add this in before the update goes out.

Yep, see Part 2, about 2 minutes in where it shows adding chapters via query loops. Whichever custom field plugin you use, as long as it can be used with Bricks' query loop, then it can be used to add chapters.. kzbin.info/www/bejne/gIukfZqrfcuVjqMsi=zJy_S8HMcnKVLnKe&t=120 side note - this is also why we separated the playlist into a seperate element. As each element can only contain one query loop, but we knew people would want to use query loops for both setting up playlists and for also setting up chapters. So by separating them, it frees up the query loop for adding chapters, and each playlist item can also have it's own query for chapters also.

Hi Jana, Yep, there's a setting called 'focus', which can be set to 'center'. Then each active slide will always be centered.

The player inside of the dynamic lightbox isn't nestable, so it doesn't have the same customisation options. But this media player will be able to be used inside of the dynamic lightbox element.

Yes, the poster image control allows you to add the current image that is attached to the current playing media. You could also just add in an image element if it doesn't need to be synced with the media.

The player will have support for the thumbnails in the slider and the chapter settings, yep, but a VTT file would be needed to be provided. It's not something that can be taken automatically from KZbin or Vimeo. It's not in their APIs. But if you're using a CDN to host videos, there's often an auto-generate thumbnail option where the VTT file is generated automatically when you upload the video file. In this case, you can then just add the URL for both the video and thumbnails in the player. I believe Vidstack are building their own platform for hosting videos. No doubt this'll be a solid way to manage videos that can be streamed by the player, and will most likely involve auto-generated thumbnails/captions etc intead of relying on 3rd party like KZbin.

@@bricksextras got it, thank you.

Also My Question.

Not at the moment. For KZbin, the individual video ID/ URL needs to be known in order to get the video and poster image.

Thanks for the feedback/suggestion, this is exactly why we're releasing the videos early, before the element release. With Bricks, the color controls don't support dynamic data generally, as all they're doing is adding CSS rules to the page stylesheet, there's nowhere for the dynamic tag to go. (in other words, dynamic tags are only for adding content/attributes, not for CSS rules) However, you can do what you want to do, just in a different way.. (this applies to any element actually, but i'll give the example for the player) Say you wish to change the video title background color, and the primary control color in each video based on CPT. In the style settings, you'd add a CSS variable for those colors that need to be dynamic (instead of choosing an actual color). and then you'd add a custom attribute to the element, say "data-color-scheme" for the name and your custom field dynamic tag for the value. Then you can just update those variables for each possible attribute value. When the attribute changes, those couple of variables will update, and as a result all the player controls using those variables will appear different colors.

I am just so hyped for the player. The functionality is just amazing. Question: is it possible to use alternative sources for vídeos like Rumble with the same functionality or is it just limited to KZbin and Vimeo?

@@bricksextras Hmmm.. I actually like your custom attribute + CSS variable idea even more than utilizing the fields and dynamic data idea! Thank you so much for spending the time to share your knowledge with me!

Not yet, the changelog will always up to date. Can't actually release the media elements until vidstack (the new library it's built on top of) is officially released, as there may be breaking changes, it's at the end of the beta stage now. In the meantime, just updating the docs and creating all the tutorial videos so we're all ready to go (and can get feedback) for when that happens.

The voiceover was created using Voicemaker, but there's likely lots of alternatives around now that do pretty much the same sort of thing.

@@bricksextras I see, I liked it. thx.

@@kareem2928 Thanks. tbh it takes quite a while to condense everything down into such short videos, but I think it's worth it for the end result. Should be releasing the next one today.

​@@bricksextras I can tell, and any Pro or experienced person with created such a thing knows how much effort it takes to build it. BricksExtras (BE) is one of the rare products that produce well-done of perfection in terms of Docs and Tutorials. not only in Bricks but in general. Kudus to you David & Thank you for this work.

It's being handled by JS, we're not relying on CSS container queries yet (support still a bit too low)

@@bricksextras that’s great

@@bricksextras you're using CSS Container Queries (Size)? it's at 91.47% Or are you also using CSS Container Queries styles?

@@BGdev305 It's not using CSS container queries, it's being done with JS. Maybe in the future, as browser support grows, we can switch to CSS based container queries. Especially if Bricks builds support for container query styling for elements, but I don't think this will happen until it's more supported.

Both the autoplay and autoscroll options have the options to pause on hover and on focus.

The BricksExtras plugin.

@@bricksextras Again the interactive tab no longer exist in Bricks so what this video is explaining to do ..."Will Not Work" Which means the Tilt Hover, Parallax Scroll and Floating Scroll feature in Bricks Extras is no longer available......Unless I am missing something and if I am please tell me.

@@randyluna551 I can take a look. Send a support ticket in with login details - bricksextras.com/support/ I've just checked and all the interactions are definitely still there in the native elements with the latest update. As nobody else has reported any settings missing, it's very likely going to be something unique to your site/setup. But we can take a look & find out what is happening.

@@bricksextras I didn't say Interactions, I said "interactive tab" In the tutorial above it shows to click on the interactive tab/function. 2:57min in video. That function no longer exist in Brick!! This will show you what I'm talking about: kzbin.info/www/bejne/sHepnX5rnKubqtk

@@randyluna551 Definitely send in a support with the login to a site where this is happening, I'm here all day and can look into it straight away. I don't know how to recreate the problem. bricksextras.com/support/

Core Framework

See the screen recording added to the support FAQ - support.bricksextras.com/embed/recordings/vBs4A1EccvJsoaKWyEgu?onlyRecording=1 There isn't a specific setting for vertical layout, but it's because the element is nestable and so the inner elements can just use any flex layout.

@@bricksextras Awesome! Thanks for the rapid reply.

v1.3.5 Just finishing off the update.

​@@bricksextras Thank you! Can't wait to try it out. :)