Saya telah mencari-cari sedikit tetapi belum memecahkan masalah saya.
Saya memiliki tag video
yang berjalan sebagai berikut:
<video
class="ne"
src="{{ page | video_url }}"
muted="true"
volume="0"
controls
width="720"
height="480"
poster="{{ page | video_poster_image_url }}"
type="video/mp4">
</video>
Saya menggunakan Jekyll untuk URL. Mereka bekerja dengan baik.
Situs ini ditayangkan di switzerlandllc.com. Klik video apa pun di FF dan akan muncul gambar dan tanda X. Chrome dan peramban lain berfungsi dengan baik.
Jika Anda mengambil sumber video dan memuatnya di tab baru, video akan diputar dengan baik. Setidaknya itu berlaku untuk saya.
Saya telah menambahkan:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
ke berkas htaccess
saya. Saya menduga bahwa saya tidak memerlukan .ogv
atau .webm
.
Saya tidak mengerti mengapa memuat URL video akan memutar video dengan baik tetapi memuat video ke dalam tag video gagal.
Ada ide?
Hal ini disebabkan oleh terbatasnya dukungan untuk format MP4 dalam tag video di Firefox. Dukungan tidak ditambahkan hingga Firefox 21, dan masih terbatas pada Windows 7 ke atas. Alasan utama untuk dukungan terbatas berkisar pada biaya royalti yang melekat pada format mp4.
Lihat Format media yang didukung dan Format media yang didukung oleh elemen audio dan video langsung dari kru Mozilla atau posting blog berikut untuk informasi lebih lanjut:
http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/
Saya dapat mengkonfirmasi bahwa mp4 tidak akan berfungsi dalam tag video. Tidak peduli seberapa banyak Anda mencoba mengacaukan tag jenis dan codec dan jenis mime dari server.
Gila, karena untuk video yang sama persis, pada halaman tes yang sama, tag embed lama untuk mp4 berfungsi dengan baik di firefox. Saya menghabiskan waktu kemarin untuk mengacaukan hal ini. Firefox tiba-tiba seperti IE, berjam-jam waktu, tidak bisa ditagih. Yay.
Berbicara tentang IE, IE jauh lebih gagal dalam hal ini. Ketika tidak bisa mencocokkan formatnya, ia akan jatuh ke konten di antara tag, sehingga memungkinkan untuk hanya meletakkan video di sekitar objek di sekitar embed dan semuanya berfungsi dengan baik. Firefox, tidak, meskipun gagal, ia memasang gambar poster (berwarna abu-abu sehingga tidak berguna sebagai fallback) dengan pesan kesalahan di tengah-tengahnya. Jadi sekarang pilihannya adalah memasukkan kode pengenalan peramban (yang berarti kita tidak mendapatkan apa pun dalam menyematkan video dalam sepuluh tahun terakhir) atau membuang html5.