Trình phát video Cordova IOS

Question

Tôi đang sử dụng tính năng phát trực tuyến webRTC qua RTCMultiConnection. Tôi đã tạo một ứng dụng cordova và nhận được url blob từ máy chủ trong thẻ video. Trong Android và trình duyệt hoạt động tốt. Trong IOS, phát video nhưng các nút điều khiển không hoạt động. Ngoài ra vị trí của video là tĩnh trên ứng dụng. Tôi thay đổi trang trong ứng dụng nhưng video luôn ở lại. Khi tôi cố gắng để trang kéo, có vẻ như ở đây:

HTML code của tôi:

<video webkit-playsinline playsinline class="screen-video" src="" reload="metadata" autoplay controls></video> 

Và làm thế nào tôi thêm trong js:

var videoURL = event.mediaElement.src; 
$('.screen-video').attr('src', videoURL); 

Video của tôiURL giống như: blob : file:///adfsg-123asd1-12asfd3-4fdssdv

Chỉnh sửa: Tôi có thể xem camera trước của iphone trên trình duyệt trực tiếp. Nhưng tôi không thể nhìn thấy tôi, trong iphone.

Videoplayer không hoạt động.

Chỉnh sửa 2: 26.09.2017 Không có vấn đề với video mp4. Tôi đã thử với video mp4 từ xa, và nó hoạt động tốt.

Đây là ảnh chụp màn hình, tất cả đều giống nhau. Chỉ src khác.

p.s Video lớn là mp4 luôn là vị trí tĩnh và video nhỏ là blob và khi tôi cuộn, nó cuộn đến. :

https://i.imgyukle.com/2017/09/25/kgZev.jpg

https://i.imgyukle.com/2017/09/25/kg4kx.jpg

https://i.imgyukle.com/2017/09/25/kg6a6.jpg

nhập mô tả hình ảnh ở đây

Answer 1

iOS không chơi đẹp với phương tiện truyền thông nhúng buồn bã.

Vì đây SO answer suggests:

Đối với các điều khiển, như các đoạn video sẽ luôn phát ở độ toàn màn hình, không gian còn lại sẽ nắm bắt tất cả các nhấp chuột và liên lạc các sự kiện.

Một cách giải quyết đề nghị trên có thể được thiết lập từ khóa của video width & height đến 1/1 kích thước - vị trí cố định để -10, -10 và kích hoạt "chơi" bằng tay với một giao diện người dùng tùy chỉnh thay vì video.

Lưu ý các thông tin sau đây từ Apple's Dev Site:

Tối ưu hóa cho màn hình nhỏ

Hiện nay, Safari tối ưu hóa trình chiếu video cho màn hình nhỏ hơn trên iPhone hoặc iPod touch bằng cách chơi video sử dụng toàn màn hình Các điều khiển —video xuất hiện khi màn hình được chạm và video được thu nhỏ thành phù hợp với màn hình ở chế độ dọc hoặc ngang. Video không được hiển thị trong trang web. Thuộc tính chiều cao và chiều rộng chỉ ảnh hưởng đến không gian được phân bổ trên trang web và thuộc tính điều khiển bị bỏ qua. Điều này đúng với Safari trên các thiết bị có màn hình nhỏ. Trên Mac OS X, Windows và iPad, Safari phát nội tuyến video, được nhúng trong trang web .

Mặc định Chiều cao và chiều rộng trên iOS

Bởi vì kích thước nguồn gốc của một đoạn video không được tiết lộ cho đến khi tải siêu dữ liệu phim , một chiều cao mặc định và chiều rộng 150 x 300 được phân bổ trên các thiết bị chạy iOS nếu chiều cao hoặc chiều rộng không được chỉ định. Hiện tại, chiều cao và chiều rộng mặc định không thay đổi khi tải phim , vì vậy bạn nên chỉ định chiều cao và chiều rộng ưa thích cho trải nghiệm người dùng tốt nhất trên iOS, đặc biệt là trên iPad, nơi phát video trong không gian được phân bổ.

iPhone Video Placeholder

Các placeholder cung cấp một cách cho người sử dụng để chơi phương tiện truyền thông. Nếu thiết bị iOS không thể phát phương tiện được chỉ định, có thanh ngang thông qua điều khiển, cho biết rằng thiết bị không thể phát.

Trong trường hợp bạn sẵn sàng xem xét lựa chọn thay thế, this cordova plugin có thể hữu ích:

Plugin này cho phép bạn truyền âm thanh và video trong một toàn màn hình, máy nghe nhạc bản địa trên iOS và Android.

sử dụng cơ bản:

var videoUrl = STREAMING_VIDEO_URL; 

    // Just play a video 
    window.plugins.streamingMedia.playVideo(videoUrl);