2012-07-13 39 views
8

Có thể chụp nhanh ảnh được tải bằng phần tử video HTML5 và sử dụng hình ảnh đó làm hình ảnh xem trước cho đến khi video tải hoặc sự kiện phát được kích hoạt không? Tôi biết về thuộc tính áp phích nhưng tôi muốn hình thu nhỏ được tự tạo, giống như một khung hình ngẫu nhiên từ video. Sắp xếp những gì YouTube/Vimeo làm.Tạo hình ảnh xem trước ngẫu nhiên trên thẻ video HTML5

Cảm ơn,

+0

điều gì về điều đó: https://stackoverflow.com/questions/7323053/dynamically-using-the-first-frame-as-poster-in-html5-video –

Trả lời

8

Tôi không nghĩ rằng điều này là có thể trong HTML5 tinh khiết. Chủ yếu là vì luồng không được tải khi bạn thấy 'đối tượng' trong trang web để khách hàng không thể có được khung mong muốn.

Tuy nhiên, tùy chọn tốt nhất cho bạn là lưu/lưu vào bộ nhớ cache 'khung hình ngẫu nhiên' trước khi tải trang và sau đó sử dụng nó làm áp phích của video. Điều này sẽ cho phép bạn giảm bớt công việc của khách hàng và lưu băng thông.

séc THIS, đó là điều đầu tiên mà tôi đã tìm thấy (nếu bạn đang sử dụng PHP và bạn muốn có một 'nhanh chóng và dơ bẩn' cách để có được những khung hình)

Cập nhật

Rõ ràng là HERE có một giải pháp với popcorn.js NHƯNG có vẻ như bạn không thể làm điều đó theo cách mà (tôi cho rằng) bạn cần.

Điều này bởi vì bạn chỉ có thể thực hiện việc này trong cùng một tên miền do các sự cố bảo mật của trình duyệt.

+0

Điều Popcorn.capture.js thực hiện chính xác là những gì tôi nhu cầu. Cảm ơn! – mihaipaun

Các vấn đề liên quan