I'm not sure "which wall the ladder should be against" here, or even the correct terminology for what I'm trying to do. I have been developing software for an agricultural research company for many years. We have an Android app that performs a number of functions, including uploading field photos (e.g. crop growth stage) as well as metadata (trial number, comments, agronomist name). These are included in reports that are automatically emailed to my client's clients on a daily basis.
Recently we added video capture (up to 20 seconds, 4 or 5 Mb, 480p) which is now included in daily reports.
My client is happy with this, but doesn't like the way clicking on the image in the report first takes the end client to the download page, and then they have to click on the downloaded file. They want the end customer to click on the video and play it immediately.
The following is a typical piece of HTML in the body of an email:
<td> <a href='http://<our web site>/GoTrialImages/HiRes/KA21_0001_20230213_124221_ACE_Video.mp4'> <img src='http://<our web site>/GoTrialImages/LoRes/KA21_0001_20230213_124221_ACE.jpg'> </td>
Where the jpg has been grabbed as a frame from the mp4 file in the Android application and uploaded along with the mp4 file.
We store all jpg and mp4 files on our own server without any issues and we have full control over our running IIS service. We can also write and install our own application under IIS (although so far this is just an api to upload and download data between the central system and the Android application)
Can someone point me in the right direction to start researching?
Also - what is the correct terminology for what I'm trying to do?
Thank you very much in advance Tony
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Make sure there is an available .mp4 mime type in iis
You can use html, css and JavaScript to complete your requirements as follows: How to play a video as a popup window when clicking a button in html