Thanks very much that worked great, thanks for your time

ok thanks, have tried class name but it still doesn't want to work.

<div class="videoone">
		<a href="video/speechlrg.mp4">
		<video id="video1" loop>	
		<source src="video/speech.mp4" type="video/mp4"></source>
		</video> </a>
		
	</div>
		
		
		
	<div class="videoone">
		<a href="video/identlrg.mp4">
		<video id="video2" loop>	
		<source src="video/ident.mp4" type="video/mp4"></source>
		</video> </a>
		
	</div>

Js

document.addEventListener('mouseover',hoverVideo,false);
var vid = document.getElementById('video1');
function hoverVideo(e)
{	
	if(e.target == vid)
	{
		vid.play();
		this.addEventListener('mouseout',hideVideo,false);
	}
}
function hideVideo(e)
{
	if(e.target == vid)
	{
		vid.pause();
	}
}

var vid = document.getElementById('video1');

This is what i need to change i think, i need to target multiple id's



As I hover over each I want that video to play, i can get one to work but not another, can anyone help?
cheers