✔ Conference Video Block
Completed by Veronica A.
- Assigned to
-
Ryan R.
- Notes
-
We had discussed this a bit a couple of months ago, so let me know if you need more information.
Block will need to display a PowerPoint (slider or video) that begins at different times, but always in order. This way, the slider is "randomized" in where it starts, but the order of the slides is always the same.
I asked for a block since they are wanting to use it on at least these pages:- Conference FAQ page
- Conference page
- Conference Session Information page
- Conference Partners
- Conference Exhibitors
https://stackoverflow.com/questions/30086861/youtube-js-api-play-by-random-time-point-on-button-click
https://stackoverflow.com/questions/44197831/randomize-slick-slides-except-the-first-slide
It's currently using a 3 second gap slide duration, which works well when it's only videos.
I kind of stopped there as I didn't know what sort of size/styling they would need, and also how to handle non videos. Perhaps I'd have to pause the slider for a set duration.
https://icsc.diocesanweb.org/basic-page/
- Will be using videos since they are exhibitors are sending over Powerpoint Slides (can be exported as videos since some have animation)
Thanks, Ryan!
Uploaded to site and tried here: https://icsc.diocesanweb.org/basic-page/
I added a third video but it doesn't seem to be starting at different points and playing the videos. It shows a second of an image then goes to the next one.
Since they're videos, we want to randomize the order of the slides (videos) now?
I've modified it so that the slider itself is set to NOT autoplay. I already had the part watching for video ended to resume slider play, so I just changed that to "Next Slide". The part that watches for new slide and playing the video still applies and works fine.
These adjustments fix the issues and eliminate the lag in between videos as well. A hard refresh will do that trick and see the updated functionality.
My sample video slide wasn't playing when not logged in. Strange. I've removed that slide.
There are currently two slides and the order will always be same (not that you can tell from a sample size of 2). The initial slide will be random, and then cycle through from there infinitely.
Given 5 slides, in order A B C D E, one will randomly be first, and fill in from there. So one order with 5 possible starting slides.
ABCDE {repeat}
BCDEA {repeat}
CDEAB {repeat}
DEABC {repeat}
EABCD {repeat}
If instead they want completely random, we can do that too. (120 combinations using ABCDE)
I just added 2 more videos (total of 4)
For mobile, can we have the videos resize so they don't get cut off?