Cách mở video định dạng .mov trong thẻ video HTML?

Question

Tôi muốn phát video .mov như thế này nhưng video không phát trong bất kỳ trình duyệt nào.

<video width="400" controls Autoplay=autoplay> 
    <source src="D:/mov1.mov" type="video/mov"> 
</video> 

Answer 1

Thay vì sử dụng <source> thẻ, sử dụng <src> thuộc tính của <video> như dưới đây và bạn sẽ thấy những hành động.

<video width="320" height="240" src="mov1.mov"></video> 

hoặc

bạn có thể cho nhiều thẻ trong thẻ, mỗi với một nguồn video khác nhau. Trình duyệt sẽ tự động đi qua danh sách và chọn trình duyệt đầu tiên có thể phát. Ví dụ:

<video id="sampleMovie" width="640" height="360" preload controls> 
    <source src="HTML5Sample_H264.mov" /> 
    <source src="HTML5Sample_Ogg.ogv" /> 
    <source src="HTML5Sample_WebM.webm" /> 
</video> 

Nếu bạn kiểm tra mã đó trong Chrome, bạn sẽ nhận được video H.264. Tuy nhiên, hãy chạy nó trong Firefox và bạn sẽ thấy video Ogg ở cùng một nơi.

Answer 2

Bạn có thể sử dụng điều khiển thuộc tính

<video id="sampleMovie" src="HTML5Sample.mov" controls></video> 

Answer 3

Thật không may mov file không được hỗ trợ với phát html5 video. Bạn có thể xem những gì các loại file được hỗ trợ ở đây:

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

Nếu bạn cần để có thể chơi các định dạng với máy nghe nhạc video html5 của bạn, bạn sẽ cần phải đầu tiên chuyển đổi videofile của bạn - có lẽ với một cái gì đó như thế này :

https://www.npmjs.com/package/html5-media-converter

Answer 4

Content Type cho video MOV là video/quicktime trong trường hợp của tôi. Thêm loại = "video/mp4" vào tập tin video MOV giải quyết vấn đề trong trường hợp của tôi.

<video width="400" controls Autoplay=autoplay> 
    <source src="D:/mov1.mov" type="video/mp4"> 
</video> 

Answer 5

câu trả lời mới của tôi là sử dụng ffmpeg để chuyển mã các .mov như ffmpeg -i sourceFile.mov destinationFile.mp4. Làm tương tự cho định dạng webm.

OLD Trả lời: Dưới đây là những gì bạn làm:

1. Tải lên video của bạn lên Youtube.
2. Cài đặt "Hoàn YouTube Saver" plugin cho Firefox
3. Sử dụng plugin trong Firefox, hãy tải xuống các định dạng MP4 và WebM và đặt chúng trên máy chủ web của bạn
4. Thêm phần tử HTML5 Video to trang web của bạn mỗi MDN's recommendation <video controls> <source src="somevideo.webm" type="video/webm"> <source src="somevideo.mp4" type="video/mp4"> I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264. <!-- You can embed a Flash player here, to play your mp4 video in older browsers --> </video>
5. Tạo thành phần <video> bằng CSS để phù hợp với nhu cầu của bạn. Ví dụ: Materializecss has a simple helper class để hiển thị video độc đáo trên các loại thiết bị.

Answer 6

Bạn có thể sử dụng mã dưới đây:

<video width="400" controls autoplay> 
    <source src="D:/mov1.mov" type="video/mp4"> 
</video> 

mã này sẽ giúp bạn.