Trên trình duyệt có flash, trình phát tải ở chế độ html5 với mã sau. Hộp cát ngăn chặn khung nội tuyến truy cập bất kỳ plugin nào bao gồm flash.
<iframe sandbox="allow-same-origin allow-scripts allow-popups"
id="foo" width="100%" height="90%"
allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""
src="http://player.vimeo.com/video/28544156?api=1">
</iframe>
Để cho phép nút vimeo mở trang web vimeo cho video bạn cần quyền 'cho phép cửa sổ bật lên'. Không cần phải phát video.
Edit: thêm hoàn dụ
Nếu bạn có chỉ là một cái nhìn đen có thể là video có kích thước bằng không bởi vì tôi đã có iframe thiết để điền vào cha mẹ với chiều rộng 100%, nhưng nếu phụ huynh đã được thu nhỏ để phù hợp với kích thước đó sẽ vẫn bằng không. Đây là toàn bộ trang web với CSS để làm cho video lấp đầy phần lớn trang. Ngoài ra, -webkit-transform sẽ phản chiếu hình ảnh video, và sau đó xoay nó một chút. Nếu nó đã được hiển thị trong flash này sẽ tạo ra một màn hình màu đen vì nó không thể xử lý luân phiên ở tất cả. Tôi có kể từ khi phát hiện ra rằng điều này có lẽ sẽ không hoạt động trên firefox ở tất cả bởi vì nó không natively hỗ trợ h.264 đó là tất cả vimeo phục vụ, và vô hiệu hóa plugin sẽ vô hiệu hóa bất cứ plugin đang làm h.264 làm việc trên firefox.
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: inline-block;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
position: absolute;
}
iframe {
-webkit-transform: scaleX(-1) rotate(2deg);
}
</style>
</head>
<body>
<div>
<iframe sandbox="allow-same-origin allow-scripts allow-popups"
id="foo" width="100%" height="90%"
allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""
src="http://player.vimeo.com/video/28544156?api=1">
</iframe>
</div>
</body>
</html>
Vimeo đã thay đổi mã nhúng của họ thành mặc định thành HTML5 bất cứ khi nào tôi kiểm tra. Nó vẫn rơi trở lại Flash trong Firefox nhưng Safari và Chrome nhận được HTML5 như nó phải được. Không cần hack nữa! – Nick