For a number of years the following code worked on desktop and iOS Safari:

<video playsinline id='Video1' onclick='fJVideoClick();' preload='none' class='voVideo1' poster='video-file/images/video-100-poster-image.jpg'>
    <source src='https://www.example.com/pages/common/videos/video-100.webm' type='video/webm'>
    <source src='https://www.example.com/pages/common/videos/video-100.mp4' type='video/mp4'>
</video>

Then it stopped working on iOS Safari around 1-2 months ago.

I spent some time seeing if it would work on iOS Safari and found swapping the order of webm and mp4 worked:

<video playsinline id='Video1' onclick='fJVideoClick();' preload='none' class='voVideo1' poster='video-file/images/video-100-poster-image.jpg'>
    <source src='https://www.example.com/pages/common/videos/video-100.mp4' type='video/mp4'>
    <source src='https://www.example.com/pages/common/videos/video-100.webm' type='video/webm'> 
</video>

Is this the best fallback code for videos to play on desktop, iOS and Android?