How do I stop the first video when I click to play the next video?

Question

JavaScript

There is some code:

<div class="col-md-6 col-sm-6 col-xs-12">
   <video class="video-art" controls="controls">
       <source src="video/videol.ogv" type='video/ogg; codecs="theora, vorbis"'>
         <source src="video/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
          <source src="video/video.webm" type='video/webm; codecs="vp8, vorbis"'>
          Тег video не поддерживается вашим браузером. 
           <a href="video/video.mp4">Скачайте видео</a>.
       </video>
        <div class="video-tittle">
           <p class="video-name">Название видеоролика</p>
              <span class="span-author">Автор:</span><a href="#" class="video-author">Asa Akira</a>
        </div>
   </div>

Essence of the question: How can I stop the first one when I click on the next video? Thank you all in advance for your replies

Answer 1

js as a handler...