HTML5 Video tag show blank page and not working in Safari , iPhone and iPad

I am trying to make video slider using slick slider, why playsinline not work in safari.

<div id="videoSlider">
   <video class="video" webkit-playsinline playsinline>
      <source src="/assets/video/1.mp4" type="video/mp4">
   </video>
   <video class="video" webkit-playsinline playsinline >
      <source src="/assets/video/2.mp4" type="video/mp4">
   </video>
   <video class="video" webkit-playsinline playsinline >
      <source src="/assets/video/3.mp4" type="video/mp4">
   </video>
</div>