<a> encompassing more content than intended

Question

I put a video and its title into a content block. I tried to wrap the title in an <a> tag, but the video and controls are also included in the link so that when I push "play" the link opens. I want only the title to be linked. What's going wrong?

PHP:

echo"<p id='artContent'>
    <a href='".$array1[$e]->video."' target='_new'>".$array1[$e]->titulo; "</a></p> \n ";
echo "\n ";
echo" <video width='95%' height='auto' preload='none' src='".$array1[$e]->video."' poster='img/portfolio/local.png' controls controlsList='nodownload'></video>";

CSS:

#artContent {
  font-size: 100%;
  text-align:left;
  font-weight: 2.8em;
  background-color: #f8f8f8; /*color de los cuadros de video*/
  color: #169ed5; /*color de las letras de los videos*/
  display: table-row;
  width: 33%;  
}