They are sub fields of a flexible content layout (mistakenly referred to as repeater field in my initial post). Video id is unique.
However in trying out what you asked I got console error: Uncaught TypeError: $ is not a function
Which I remedied by using jQuery(function ($) {
instead of $(document).ready(function(){
or jQuery(function(){
I tested by adding multiple videos to the page and it seems to be working. Thank you for your help! I had given up on this idea and it was essentially user error :/
video_file = file field, file url
video_id = text field
video_file_m = file field, file url
Because using it with or without the $()
didn’t work so I just pasted what I started with. I tried your code above and I still get an empty video tag with no source tag appended.