Thuộc tính thẻ video "webkit-playsinline"

Question

Thuộc tính thẻ <video>webkit-playsinline được cho là ngăn cản hoạt động mặc định của video HTML5 toàn màn hình.

Tôi đã thêm thuộc tính này vào thẻ video của mình và đã chọn safari trên thiết bị di động và Chrome trên iPhone iOS6 và nó không hoạt động. Video vẫn ở chế độ toàn màn hình. This is similar to others' experiences as described on SO two years ago.

Trình duyệt di động nào của ngày hôm nay, ngày 13 tháng 6 năm 2013 thuộc tính này webkit-playsinline có hoạt động không?

Answer 1

Thuộc tính webkit-playsinline hoạt động đối với video HTML5 trên iOS4 + nhưng chỉ khi bạn lưu trang web vào màn hình chính của mình dưới dạng webapp. Nếu bạn đang sử dụng Safari trên thiết bị di động, nó sẽ luôn mở toàn màn hình.

Theres một lời giới thiệu nhỏ về sự ủng hộ của mình ở đây: http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

Tôi cũng thấy trên các phiên bản gần đây của Android phát video inline làm việc trong trình duyệt gốc của nó.

Answer 2

Trông như thế này might finally get implemented properly in iOS 10

Answer 3

Apple cuối cùng đã cho phép playsinline thuộc tính trên iOS 10, vì vậy đây sẽ làm việc:

<video src="file.mp4" playsinline> 

Tôi đã viết một polyfill gọi iphone-inline-video có thêm các hành vi tương tự lên iOS 8 và 9.

Answer 4

Điều này phù hợp với tôi. Tôi đã thử sử dụng playsinline bên trong thẻ video. Nhưng nó không hoạt động nên tôi đã cố gắng đặt thuộc tính từ jQuery

$('#you video tag id').attr('playsinline','');