2012-10-16 25 views
7

chúng tôi đang di chuyển trình phát của mình từ Flowplayer sang Video.js. Trong cài đặt Flowplayer hiện tại của chúng tôi chúng tôi sử dụng một tùy chọn để thêm một watermark trên video của chúng tôi:Cách thông minh nhất để Watermark video.js Player

flowplayer(.. , .. , {logo:{'url':'/path/to/watermark.png'}}); 

Đó sẽ là cách tốt nhất để tái tạo hành vi này trong Video.js?

Lý tưởng nhất là các giải pháp sẽ là một CSS mà chúng tôi đã cố gắng (sử dụng một nền tảng trong một lớp trên với z-index cao hơn) Nhưng hình mờ mà bị mất khi bạn đi toàn màn hình,

Bất kỳ ý tưởng? Cảm ơn trước

+0

Dường như không có tùy chọn tương đương — bạn có xem xét áp dụng trực tiếp trên video không? – bookcasey

+0

Chúng tôi có hơn 200.000 video, vì vậy đó không phải là một tùy chọn: ( – jmserra

+0

Lý do thêm hình mờ là gì? Nó sẽ không bảo vệ video. Cách duy nhất để bảo vệ chúng là mã hóa lại video và thêm watermark vào tập tin video –

Trả lời

2

Giải pháp HTML/CSS sẽ hoạt động, nếu bạn có thể thêm phần tử ở cùng cấp trong phân cấp DOM dưới dạng thẻ <video> có vẻ như nó vẫn xuất hiện ở chế độ toàn màn hình. Bạn có thể phải thay đổi CSS để làm cho hình mờ xuất hiện theo cách bạn muốn tùy thuộc vào việc toàn màn hình có được bật hay không, nhưng bạn có thể xem kích thước của phần tử video để phát hiện điều đó. Tôi đã có thể đạt được điều này bằng cách chỉnh sửa DOM trên trang web Video.js (Tôi chỉ cần thêm một <h1> ngay trước <video>):

http://imgur.com/a/ABItT

+0

Cảm ơn Cecchi tôi chắc chắn sẽ tiếp tục cố gắng từ đây – jmserra

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