Hi thanks for your help but this didn't really work - I added the second video code as you suggested and the result on the;
1) desktop - large gap on the web site where the 2nd video should be and, (bad user experience)
2) mobile - it did not show the video at all
I reverted back to the old code, right now the video play correctly on desktop and there is a picture only (formatted correctly) on mobile. I guess it the default first frame from of the video.
Are there any other options to keep desktop video the way it is and have a video on MOBILE that DOES NOT AUTOPLAY or LOOP but has controls to allow user to play if they wish.
If this can't be done, how can I display a customized poster.jpg for the video?