Có ai biết cách chia tỷ lệ video trong số trình phát MEJS để bản thân trình phát sẽ xử lý bất kỳ hộp thư hoặc hộp cột nào không? Tương tự như cách JWPlayer có các tùy chọn 'phù hợp' và 'điền'.mediaelement.js - Tùy chọn tỷ lệ video (ví dụ: 'vừa vặn' hoặc 'lấp đầy')
Về cơ bản tôi có một trình phát nằm trong trình bao bọc và tôi đổi kích thước trình bao bọc theo độ phân giải màn hình của người dùng. Cũng giống như vậy:
<div id="video_dims_wrapper" style="width: 1280px; height: 720px;">
<video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay="autoplay" style="width: 100%; height: 100%;">
<source type="video/mp4" src="my_video.mp4" />
<source type="video/webm" src="my_video.webm" />
//Flash fallback removed for brevity
</video>
</div>
Và sau đó tôi chỉ thay đổi kích thướC#video_dims_wrapper và các yếu tố MEJS chứa bên trong thay đổi kích thước cho phù hợp (do width: 100%; height: 100%; tờ khai phong cách).
Điều này hoạt động tốt nếu tất cả các video có cùng tỷ lệ khung hình (16: 9 trong trường hợp này), nhưng nếu có video có tỷ lệ co khác thì video đó không thay đổi kích thước trong vòng trình phát nhưng thay vì quy mô tổng số người chơi lên.
Điều tôi muốn xảy ra là playe luôn duy trì tỷ lệ khung hình 16: 9 và video có tỷ lệ phù hợp trong trình phát và hộp thư của người chơi hoặc hộp cột video nếu cần.
Bất kỳ ai gặp phải vấn đề này? Bất kỳ giải pháp?
Cảm ơn bạn đã được trợ giúp.