HTML Video tag not working on safari and mobile phones

[zazu]

Hi, 

I have the following code for playing a video on my page. The problem is that the video works good on desktop browsers, but on desktop safari and mobile browsers it displays me only the cover image not playing the video. I've tried a couple of solutions but none of them seems to be working for me.

        <video autoplay class="embed-responsive-item" poster="videos/cover.jpg">
        <source src="videos/landing_page_video_vimeo5_converted.mp4" type="video/mp4">
        <source src="videos/landing page video vimeo5.ogg" type="video/ogg">
        <source src="videos/landing page video vimeo5.ogg" type="video/webm">
      </video>