Html'de iframe olmayan video'ları eklediğimde videolar sorunsuz olarak ekleniyor ancak google chrome'da sayfa ilk açıldığında video otomatik olarak başlamıyor. Autoplay özelliği diğer tarayıcılarda sorunsuz olarak çalışırken google chrome'da işe yaramıyor. Örneğin aşağıdaki kodlarda:
<video width="440px" loop="true" autoplay="autoplay" controls>
<source src="http://www.siteadi.com/video.mp4" type="video/mp4" />
<source src="http://www.siteadi.com/video.webm" type="video/webm" />
<source src="http://www.siteadi.com/video.ogv" type="video/ogv" />
</video>
Html kodları ile google chrome'da sayda ilk açıldığında video oynatılmaya başlamıyor.
Bu problemin çözümünü yabancı forumlardan kısmi olarak buldum, ama biraz işlevden feragat etmek gerekiyor. Problem, google chrome'un sesli bir dosyayı başlatmak istememesinden kaynaklanıyor. Dolayısıyla eğer videoyu aşağıdaki gibi sessiz olarak başlatmak isterseniz sorunsuz olarak sayfa açılışı ile birlikte oynatılmaya da başlıyor.
<video width="440px" loop="true" autoplay="autoplay" controls muted>
<source src="http://www.siteadi.com/video.mp4" type="video/mp4" />
<source src="http://www.siteadi.com/video.webm" type="video/webm" />
<source src="http://www.siteadi.com/video.ogv" type="video/ogv" />
</video>
Bu bilgiyi benim gibi arayıp bulmak ile zaman harcamamanız için paylaşmak istedim.
Not: videonun loop özelliği ile de video her bittiğinde en baştan yeniden başlamış oluyor.