Siyah ekran

Question

Sorun: videolar siteme yerleştirilir: http://dege.cloud/ benim masaüstünde veya mobil herşey yolunda firefox sayfasını yüklediğinizde (resimlerden birine tıklayın). Android için kromda aynı sayfa yüklendiğinde, video kontrolsüz olarak siyah, videoların sesi yok, bu yüzden çalışıp çalışmadığını bilmiyorum.

Beklenen sonuçlar: videolar oynanabilir olmalıdır hml5 video etiketi mobil cihazlarda otomatik olarak başlamazsa, ama bu bir sorun değil.

Analiz: Videoların İçerik Türü doğrudur ve cihazın üzerindeki konsolun hata vermediğini kontrol eder. Videoların webm ve mp4 versiyonlarını verdim (http://giphy.com/'dan kopyalandı). eylem sorunun

<video autoplay muted loop class="img-responsive img-centered"> 
    <source src="img/portfolio/campominato-video.webm" type="video/webm" class="img-responsive img-centered"> 
    <source src="img/portfolio/campominato-video.mp4" type="video/mp4" class="img-responsive img-centered"> 
    <img src="img/portfolio/campominato-screen.png" class="img-responsive img-centered"> 
</video> 

jsfiddle:

video için kod budur anlarım kadarıyla https://jsfiddle.net/Dege/1es4516p/

Answer 1

, problem otomatik oynatır olacağı beklentisidir; chrome Android 53, autoplay muted videos olacak, geçerli varsayılan sürüm (51) olmaz.

Her durumda, video öğesine controls özniteliğini eklerseniz ve oynat düğmesine basarsanız, video doğru şekilde oynatılır; bu da kodlamanın bir kodlama sorunu olmadığını doğrular.

(FWIW, jsfiddle videoları yüklemek için kullanılan http düzeni 3 eğik çizgi vardır; konu bu değil, ama yine de bunu düzeltmek isteyebilirsiniz)