using typeof InstallTrigger !== 'undefined' for video play detection

Question

What I am trying to do is largely the same as Click the poster image the HTML5 video plays?. As you can see in the comments of the answer, it is noted that firefox (and other browsers) automatically play the video if you click on the poster anyway, while IE does not. To get around this issue, they say to use

typeof InstallTrigger !== 'undefined'

To determine whether or not to play the video. However, in the linked post, How to detect Safari, Chrome, IE, Firefox and Opera browser?, there is heated discussion over browser detection being 'bad practice'. So, is there a way to force clicking on the poster to play the video regardless of the browser and without installtrigger. Beyond just playing the video, I noticed that for example Firefox has a play button centered in its video, and IE does not so I would like to display that button if it is not there.

Code: HTML:

<div class="glyphicon glyphicon-play big-play-button" ng-class='{inactive: play_btn_visible}' ng-click="play_video()"></div>

JS (note the all caps):

 scope.play_btn_visible = SHOULD THERE BE A CENTRAL PLAY BUTTON?;
        scope.play_video = function() {
            if (WILL THE VIDEO NOT BE AUTO-PLAYED ALREADY?) {
                elem[0].querySelector("video").play();
            }
        }

This is primarily opinion based and makes this question "off topic" — Adam Buchanan Smith, Aug 24 '16 at 20:37
Were I to modify the question to say "is there a way to force clicking on the poster to play the video regardless of the browser and not using installtrigger". And left out the bit about it being an acceptable practice. Then it is simply asking if there is another way, not if it is a better way — pasquers, Aug 24 '16 at 20:41
You would be better off adding your code, and your problem then letting someone answer it. Take out the "better ways" to do things vocab. — Adam Buchanan Smith, Aug 24 '16 at 20:47

using typeof InstallTrigger !== 'undefined' for video play detection

0 Answers0