Javascript HTML5 play() ios9 Safari'de çalışmıyor mu?

BenJavascript HTML5 play() ios9 Safari'de çalışmıyor mu?

<video id="videoPlayer" preload="auto" webkit-playsinline> 
<source id="videoSourceMP4" src="" type="video/mp4" /> 
<source id="videoSourceOGG" src="" type="video/ogg" /> 
</video>

bir düğme üstünden koydu ki ... şöyle denetimi olmayan bir temel HTML5 video oynatıcı var yükleri istenilen videoyu basıldığında:

document.getElementById("videoSourceMP4").src = "videos/video.mp4"; 
document.getElementById("videoSourceOGG").src = "videos/video.ogg"; 
document.getElementById("videoPlayer").load();

Ben de artık olmadığını kontrol başlayacak Video canplaythrough ve kullanma oynamaya başlamalıdır: Ancak bu hiç ios9 hiçbir şey olmuyor çünkü iOS8 çalıştı

document.getElementById("videoPlayer").oncanplaythrough = function(){ 
document.getElementById("videoPlayer").play(); 
}

. Video ilk karede sıkışmış ve oynatılamıyor. Üstte play() ile başka bir düğme eklesem bile hiçbir şey olmuyor. Kontrolleri etkinleştirmem ve verilen oynatma düğmesini kullanarak oynamalıyım. Videoyu duraklatırsam ve sonra kendi oynat düğmemde basarsam çalışır. Kendi tasarladığım kontrolleri kullanabilmek istiyorum.

Bunu neden yaptığını bilen var mı? Aşağıdaki kod aşağıdaki gibi çalışır:

kaynak

2015-10-22 Walter Jones

aynı şeyi yaşamak vardır. Garip bir şekilde, Safari'yi kullanır ve Ana Ekrana aynı sayfayı eklerseniz, video oynatılır. – Mac

Aşağıdaki kod aşağıdaki gibi çalışır;

iOS 9.2.1 - düğme olduğunda videoyu çevrimiçi olarak çalış - video düğmesi Ana ekrandan
- basıldığında Video inline
iOS 1 9.3 beta çalış tam ekran oynar ana ekrandan
- preslenmiş Video inline

video dosyaları http://techslides.com/sample-webm-ogg-and-mp4-video-files-for-html5

<html> 
<head> 
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <style> 
    video{ 
     width:400px; 
     border: 2px dashed black; 
    } 
    button{ 
     font-size:2em; 
     padding:1em; 
    } 
    </style> 
</head> 
<body onload='init()'> 
    <video id="videoPlayer" preload="auto" webkit-playsinline> 
     <source id="videoSourceMP4" src="" type="video/mp4" /> 
     <source id="videoSourceOGG" src="" type="video/ogg" /> 
    </video> 
    <br/> 
    <button type='button' onclick='go()'>Play</button> 
    <script> 
    function init(){ 
     document.getElementById("videoPlayer").oncanplaythrough = function(){ 
      document.getElementById("videoPlayer").play(); 
     } 
    } 
    function go(){ 
     document.getElementById("videoSourceMP4").src = "small.mp4"; 
     document.getElementById("videoSourceOGG").src = "small.ogg"; 
     document.getElementById("videoPlayer").load(); 
    } 
    </script> 
</body>

kaynak

2016-01-24 20:39:15 ajayel

Javascript HTML5 play() ios9 Safari'de çalışmıyor mu?

cevap

İlgili konular