JSFiddle - React, Tailwind, and code Playground

HTML

<video class="tutorial_vid" width="300" height="250" autoplay="autoplay" loop> //EDIT: loop="true" is deprecated nowadays
  <source src="https://www.cbs.gr/Telecoms_small.html?click=https%3A%2F%2Fads.naftemporiki.gr%2Fclick%2F%406cbv29g3U%3Asxpx%3A6Rnw%2F527%2F17215%2F" type="video/mp4" />
  Your browser does not support the video tag.
</video>

<video class="tutorial_vid2" width="220" height="140" autoplay="autoplay" loop> //EDIT: loop="true" is deprecated nowadays
  <source src="https://www.cbs.gr/Telecoms_small.html?click=https%3A%2F%2Fads.naftemporiki.gr%2Fclick%2F%406cbv29g3U%3Asxpx%3A6Rnw%2F527%2F17215%2F" type="video/mp4" />
  Your browser does not support the video tag.
</video>

CSS

.tutorial_vid {
  cursor: pointer;
}

JavaScript

$('.tutorial_vid').click(function() {
  window.location = 'http://google.com';
});

$('.tutorial_vid2').attr('href', 'http://google.com');