2012-09-12 17 views
16

Tôi đang cố gắng nhúng video Vimeo và buộc video đó sử dụng HTML5 theo mặc định.Video Vimeo HTML5 Nhúng

Here's a thread về việc làm điều tương tự tôi đang cố gắng làm nhưng với YouTube.

Here's another thread nói về nhận cookie Vimeo HTML5

Here's a discussion of the issue trên trang web Vimeo của. Về cơ bản, tôi sẽ làm điều đó để đáp ứng với sở thích của người dùng trên trang web của tôi nên mối quan tâm của họ không thực sự áp dụng.

Có ai biết giải pháp hoặc cách nào đó để buộc HTML5 Vimeo nhúng ngay cả khi Flash có sẵn không? (Tôi biết cookie nên hoạt động trong Safari nhưng tôi có nhiều người dùng Chrome.)

Cảm ơn.

+0

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

Trả lời

5

Hiện tại không có cách nào để buộc HTML5 bằng tập lệnh nhúng. "Trình phát đa năng" tự động chọn định dạng dựa trên thiết bị.

Nhúng cũ cung cấp cách để buộc Flash, nhưng đó là tùy chọn duy nhất khác.

Hãy hy vọng lựa chọn trong tương lai.

+2

Không chính xác một câu trả lời nhưng có vẻ như không có một ... – Nick

+0

Vimeo dường như gần đây đã thay đổi mã nhúng của họ thành mặc định thành HTML5 bất cứ khi nào tôi thử nghiệm. 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. Vì vậy, không cần hack nữa! – Nick

2

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> 
+0

teknotus, đây là một giải pháp thú vị từ góc độ kỹ thuật. Tuy nhiên, các mã được đăng ở trên không làm việc với tôi trong thử nghiệm (tại thời điểm này): Thay vì một video nhúng tôi chỉ nhận được một hộp đen. Tôi đang sử dụng Chrome 30 mà không có tiện ích nào được bật và tất cả cửa sổ bật lên được cho phép. Cấu hình đó có phù hợp với bạn không? – Nick

+0

@ nickv2002 Tôi đã thêm toàn bộ tệp html vào phản hồi của mình mà tôi vừa thử nghiệm. Hy vọng rằng sẽ giúp. Xin lỗi tôi đã không trả lời trước đó thông báo tin nhắn trong stackoverflow là một chút quá tinh tế, và tôi thậm chí không nhìn thấy nó trong hơn một tháng. – teknotus

+0

Giữa thời gian nhận xét của bạn và Vimeo tiếp theo của bạn dường như đã thay đổi mã ebed 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. Vì vậy, không cần hack nữa! – Nick