ios - recortar - porque mi iphone no reproduce videos de internet
¿Por qué el video HTML5 no se reproduce en IOS 8 WebApp(webview)? (6)
Confirmando
La aplicación Cordova empacada no puede cargar video
Adicional:
<preference name="AllowInlineMediaPlayback" value="true"/>
a config.xml y
webkit-playsinline
al elemento de video .
La interfaz de usuario dice que el video está Loading , mientras que video.networkStatus sigue siendo 2 ( NETWORK_LOADING ) y video.readyState 0 ( HAVE_NOTHING )
La reproducción de Safari funciona
La reproducción del iniciador de la pantalla de inicio no funciona
Para la misma aplicación web que funcionó en ios Safari, la versión de la pantalla de inicio tampoco reproduce videos y bloquea la aplicación cuando intenta cambiar la fuente del video .
No me gusta la manzana: |
Se reproduce un video HTML5 simple en el navegador safari. pero después de agregarlo a la pantalla de inicio (aplicación web independiente), no funciona. Está trabajando en iOS7 pero dejó de funcionar en iOS8.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
body{
margin:0;
}
</style>
</head>
<body>
<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" autoplay="autoplay" controls="true" webkit-playsinline />
</body>
</html>
Por favor ayuda. ¿Hay alguna solución para esto?
Creo que encontré una solución para que el audio no funcione. Realmente no puedo explicar por qué esta solución está funcionando, pero lo es.
Así es como se veía mi código anterior:
// Create the audio tag
var sprite = document.createElement(''audio'');
var id = document.createAttribute(''id'');
id.nodeValue = ''audio_sprite'';
var src = document.createAttribute(''src'');
src.nodeValue = ''my-audio-sprite.mp3'';
sprite.setAttributeNode( id );
sprite.setAttributeNode( src );
// Add it to the DOM
var body = document.getElementsByTagName(''body'')[0];
body.appendChild( sprite );
// Play/Pause to load the audio.
sprite.play();
sprite.pause();
Esto es lo que estoy haciendo ahora.
// Grab an existing DOM element and create an audio tag.
var body = document.getElementById(''hover'');
body.innerHTML += ''<audio id="audio_sprite"><p>Audio not supported</p></audio>'';
// Apply the SRC to the audio tag.
// Q: Why don''t we just do that in the step above?
// A: I''m not really sure why, but iOS8 doesn''t like it. Sorry this is so ugly.
var sprite = document.getElementById( ''audio_sprite'' );
sprite.src = ''my-audio-sprite.mp3'';
// Once the metadata is loaded, call play/pause so we can play the audio later.
sprite.addEventListener(''loadedmetadata'', function() {
sprite.play();
sprite.pause();
});
En mi opinión, ambos deberían funcionar, sin embargo, en la práctica, solo el segundo hace para iOS8. Espero que esto ayude a alguien.
La reproducción de video se interrumpe en aplicaciones independientes en IOS 8.0.2
Lo conseguí trabajando encontrando el elemento de video, luego creando un elemento fuente en el script (no en el html) - extraño, lo sé:
var video = document.getElementById(''theVideo'');
var source = document.createElement(''source'');
source.src = fileLocation
source.type = "video/mp4"
video.appendChild( source );
video.load();
También acepto que este es un problema antiguo, pero lo descubrí mientras estaba probando en un iPad que tiene instalado iOS 8.0.2 y me sorprendió por un día.
Parece que iOS 8.3 corrige este problema. Tengo una aplicación web independiente que usa un elemento de audio y funciona como se espera ahora. ¡FINALMENTE!
Tengo dos aplicaciones que usan video HTML5. Uno dejó de funcionar, el otro no. Hubo dos diferencias:
- El que todavía funciona agregó las etiquetas de origen a la etiqueta de video DESPUÉS de agregar la etiqueta de video al DOM.
- La aplicación que todavía funciona tiene la reproducción automática establecida en falso (
<video autoplay="false">...</video>)
El primero no hizo diferencia, el segundo hizo que la aplicación funcionara nuevamente.