Edits to a script for compatability JS/AJAX

I have a web page php file (simple) that is not completely working properly. [attached] Just need help with 3 things to solve: 1.) When the .thumbnail is clicked on apple tablet, it requires two taps -- please change code so that only 1 tap is required to start it. 2.) On Firefox when .thumbnail is clicked nothing happens -- it's supposed to fade out and play the video. Please solve for firefox. Check out chrome and safari to see how it works. 3.) And finally, on any devices I have tested and browsers, cursor:pointer should trigger when hovering on the .thumbnail so the user knows it is clickable to start the video. For some reason it will not change to pointer with the current code.