Cordova IOS video oynatıcı

Question

RTCMultiConnection üzerinden webRTC akışını kullanıyorum. Bir cordova uygulaması oluşturdum ve video etiketindeki sunucudan blob url'sini aldım. Android ve tarayıcılarda iyi çalışır. IOS'da video oynatılır, ancak kontrol düğmeleri çalışmıyor. Ayrıca videonun konumu uygulamada statiktir. Sayfayı uygulamada değiştirdim, ancak video her zaman kalıyor.

Benim HTML kodu:

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

Ve js eklemek nasıl i sayfayı çekmeye çalıştığınızda, burada benziyor

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

VideoURL'm benzer: blob : file:///adfsg-123asd1-12asfd3-4fdssdv

Düzenleme: iPhone'umun ön kamerasını tarayıcıda görebiliyorum. Ama ben iphone'da göremiyorum.

Videoplayer çalışmıyor.

Düzenleme 2: 26.09.2017 mp4 video ile ilgili bir sorun yoktur. Uzak mp4 video ile çalıştı ve iyi çalışıyor.

Ekran görüntüleri, hepsi aynı. Sadece src farklı.

p.s Büyük video mp4 her zaman statik konumdur ve küçük video blobdur ve kaydırma yaparken, üzerine kaydırır. :

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

iOS yazık ki embed medya ile güzel oynamıyor burada

Answer 1

görüntü açıklama girin.

SO answer suggests bu gibi: videoları her zaman tam ekran oynarken denetimler için

, sol boşluk tüm tıklama ve dokunmatik olaylarını ele geçirecek.

yukarıda önerilen bir çözüm videonun etiketini width & height 1/1 için boyutları ayarlamak için olabilir - -10 sabitlenmiş pozisyonu, -10 ve tetik bunun yerine özel bir UI video ile manuel olarak "oyun".

Not Apple's Dev Site aşağıdaki bilgi: Küçük Ekranlar Şu

için

Optimizasyon, Safari tam ekran kullanarak videoyu oynatarak iPhone veya iPod touch üzerinde küçük bir ekranda için video sunumunu optimize —video kontrolleri ekrana dokunduğunda görünür ve video ekranına dikey veya yatay modda sığdırılır. Video, web sayfasında sunulmamaktadır. Yükseklik ve genişlik özellikleri yalnızca web sayfasında ayrılan alanını etkiler ve kontroller özelliği yoksayılır. Bu, yalnızca küçük ekranlı cihazlarda Safari için geçerlidir. Mac OS X, Windows ve iPad'de Safari, web sayfasına gömülü video satır içi oynatır. Bir video doğal boyutları film meta yükler, varsayılan bir yüksekliği ve 150 x 300 genişliği kadar bilinmediğinden halinde IOS çalışan cihazlarda ayrılan

iOS'taki

Standart yükseklik ve genişlik yükseklik veya genişlik belirtilmemiş. Şu anda, varsayılan yükseklik ve genişlik, film yüklendiğinde değişmez; bu nedenle, en iyi kullanıcı deneyimi için iOS'ta, özellikle de videoda ayrılan alana numaralı videonun oynatıldığı iPad'de tercih edilen yükseklik ve genişliği belirtmeniz gerekir.

iPhone Video tutucu

tutucu kullanıcı medya oynatmak için bir yol sağlar. IOS aygıtı belirtilen medyayı oynatamıyorsa, kontrol edemeyeceğini belirten bir diyagonal çubuk vardır. Eğer alternatifleri düşünmeye hazırız durumda

, this cordova plugin yararlı olabilir:

Bu eklenti iOS ve Android'de bir tam ekran yerli oyuncu ses ve video akışı sağlar.

Temel kullanım:

var videoUrl = STREAMING_VIDEO_URL; 

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