@dherl0623 Hm… I’m using the player in the region “fullscreen_below”. I have this player first in the config of all things that “can” show in the same region (that way it will always end up above the other things in the same region):
{
disabled: false,
module: 'MMM-Videoplayer',
position: "fullscreen_below",
classes: "scheduler turn90",
config: {
random: true,
loop: true,
notification: "VIDEOPLAYER1",
videolist: ["http://your.site.com/video/clip1.mp4",
"http://your.site.com/video/clip1.mp4",
"http://your.site.com/video/clip2.mp4",
"http://your.site.com/video/clip3.mp4",
"http://your.site.com/video/clip4.mp4",
"http://your.site.com/video/clip5.mp4",
"http://your.site.com/video/clip6.mp4",
"http://your.site.com/video/clip7.mp4",
"http://your.site.com/video/clip8.mp4",
"http://your.site.com/video/clip9.mp4",
"http://your.site.com/video/clip10.mp4",
"http://your.site.com/video/clip11.mp4"],
module_schedule: [
{from: '0 6 31 9 *', to: '5 6 31 9 *'},
{from: '2 7 31 9 *', to: '7 7 31 9 *'},
{from: '4 8 31 9 *', to: '9 8 31 9 *'},
{from: '6 9 31 9 *', to: '11 9 31 9 *'},
{from: '8 10 31 9 *', to: '13 10 31 9 *'},
{from: '10 11 31 9 *', to: '15 11 31 9 *'},
{from: '12 12 31 9 *', to: '17 12 31 9 *'},
{from: '14 13 31 9 *', to: '19 13 31 9 *'},
{from: '16 14 31 9 *', to: '21 14 31 9 *'},
{from: '18 15 31 9 *', to: '23 15 31 9 *'},
{from: '20 16 31 9 *', to: '25 16 31 9 *'},
{from: '22 17 31 9 *', to: '27 17 31 9 *'},
{from: '24 18 31 9 *', to: '29 18 31 9 *'},
{from: '26 19 31 9 *', to: '31 19 31 9 *'},
{from: '28 20 31 9 *', to: '33 20 31 9 *'},
{from: '30 21 31 9 *', to: '35 21 31 9 *'},
{from: '32 22 31 9 *', to: '37 22 31 9 *'},
{from: '34 23 31 9 *', to: '39 23 31 9 *'},
]
}
},
Then I have set the “classes” on this player to “scheduler turn90”, the first class is for the MMM-ModuleScheduler to work and the second is for the player to be turned 90 degrees and set to full screen.
My CSS entry for this player looks like this:
/* MMM-Videoplayer ----------------------------------*/
.MMM-Videoplayer video {
width: 1080px;
height: 1920px;
}
.turn90 video {
position: absolute;
transform:rotate(90deg);
transform-origin: bottom left;
width: 100vh;
height: 100vw;
margin-top: -100vw;
object-fit: cover;
}
/*****************************************************/
That’s it. :)
