I think I figured it out.
#1 - It helps if I have Dev Mode turned on, doh!
#2 - I ditched the iframe and used a single video player
#3 - I needed to use the # Id in the upper left corner of the video player in order to reference it in my code
#4 - I can reference my collection directly in the code but I need to use the the Collection Id, located under the Collection Settings and not the Collection name
#5 - I couldn’t get .eq() to work because the date in my collection was formatted as date/time and I couldn’t figure out how to change the type to just Date. So my workaround was to order the query results by date descending and use .le() to compare the dates.
Working Code:
import wixData from ‘wix-data’ ;
$w.onReady( function () {
let todayDate = new Date();
wixData.query( "videos" )
.descending( "playDate" )
.le( 'playDate' , todayDate)
.find()
.then( (results)=> {
if (results.items.length > 0 ) {
$w( “#videoPlayer1” ).src = results.items[ 0 ].videoUrl;
} else {
$w( “#videoPlayer1” ).src = “my default video url” ;
}
})
});