HTML/CSS hinzufügen eines Videos zu einem regler

Ich bin mit flexslider auf der Startseite meiner website und derzeit haben Bilder innerhalb es, und das ist gut. Aber ich möchte hinzufügen, ein video, das ich erstellt, die automatisch abgespielt wird und dann wieder die Aktion des Reglers. Ich denke mein problem liegt in der Formatierung wie ich bin überhaupt nicht geübt in HTML oder CSS usw. Hier ist die HTML für den slider:

    <div class="flexslider">
      <ul class="slides">
        <li class="slideVideo"></li>
        <li class="slide1"><a href="/portfolioMAIN.html#tabs-2"></a></li>
        <li class="slide2"><a href="/portfolioMAIN.html#tabs-1"></a></li>
        <li class="slide3"><a href="/portfolioMAIN.html#tabs-3"></a></li>
      </ul>
    </div>

- und dies ist der code in der CSS.

    ul.slides li { height:350px; }
    ul.slides li.slide1 a { background:url("/images/doorstop_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
    ul.slides li.slide2 a { background:url("/images/brisant_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
    ul.slides li.slide3 a { background:url("/images/eurosecure_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
    ul.slides li.slideVideo a { background:url("/videos/ident.mp4") 0 0 no-repeat; background-size:cover; height:350px; display:block; }

Jede Hilfe wird sehr geschätzt. PS das video ist hochgeladen auf meinen server