have a problem with fullscreen in video tag

have a problem with fullscreen in video tag

my problem is when the video is paused and i want to press play . the play on the screen is work, but the play  in the bar of the player doesn't meaning is not respond . how can i fix it ? 
(My main goal is to go to fullscreen when user press on the play on the player so if someone have another suggestion insted of my script  happy to hear) 
  1. $("#my_video").on("click", function(){
  2.         if (this.paused) {
  3. this.play();
  4.             // go full-screen
  5.             if (this.requestFullscreen) {
  6.                 this.requestFullscreen();
  7.             } else if (this.webkitRequestFullscreen) {
  8.                 this.webkitRequestFullscreen();
  9.             } else if (this.mozRequestFullScreen) {
  10.                 this.mozRequestFullScreen();
  11.             } else if (this.msRequestFullscreen) {
  12.                 this.msRequestFullscreen();
  13.             }
  14.             
  15.         } 
  16.     });