Tengo esta página web:

http://healthpad.net/dashboard/

Tiene 10 <video> elementos.

Por alguna razón, cuando se carga la página en un iPad, no es la que muestra el vídeo carteles.

Tratar el siguiente:

  1. de carga de la página en un navegador de escritorio
  2. de carga en un iPad o iPad simulator, y recibirá una gran caja negra con un botón de reproducción

Por qué Safari en iOS no se ve mi video de HTML5 cartel?

por favor, dígame por qué está sucediendo esto?

Aquí lo que ya he descartado:

Imagen de encabezado de Tipo de Contenido.

Me ha validado que la imagen de encabezado de tipo de contenido está correctamente configurado.
En el ejemplo anterior, el Content-Type encabezado correctamente image/jpeg.

Interferencia con la video.js biblioteca

VideoJs se usa para mostrar que bonito botón de reproducir en navegadores de escritorio y personalizar los controles. Esta biblioteca no interferir con el jugador nativo sin embargo.

Sólo para asegurarme, he creado un video de la prueba de la página, que no tiene el video-js de la clase, de manera que la biblioteca no recoger y procesar ese video. De hecho, la página de prueba no incluye ningún JS de la biblioteca, es sólo

<html><body>
    <video
        controls
        height="400"
        width="600"
        poster="http://healthpad.net/media/CACHE/images/uploads/video_poster_1414/bd5fba5a68ddd0f4b3f61193f6908962.jpg"
        src="http://healthpad.net/media/uploads/video_processed_720p_1414.mp4"
    ></video>
</body></html>

http://healthpad.net/rj_templates/test/zzz/

Uso de cualquier vídeo de atributos que pueden no ser compatibles en Mobile Safari

La página de prueba por encima de una llanura etiqueta de vídeo. He probado la eliminación de todos los otros atributos, excepto para src y poster, no ayuda.

La mayoría de los StackOverflow preguntas sobre el tema acaba de decir «Reiniciar el iPad»

Aquí es donde se pone raro:

Si google de todo esto, las respuestas en StackOverflow que han sido aceptados suele decir «Reiniciar el iPad, que lo hizo por mí».

Así que he tratado de hacer lo mismo, al principio me acaba de decir que no funciona en mi caso.

Entonces, he intentado esto:

(todos los siguientes en el iPad simulator)

  1. Ir al sitio, pósters de vídeo no se muestran
  2. Ir a la página de prueba (http://healthpad.net/rj_templates/test/zzz/), video cartel de no show.
  3. Haga clic en inicio para salir de Safari (o Cmd+Shift+H mac de acceso directo para el simulador)
  4. Haga doble Clic en el botón inicio para obtener el conmutador de tareas fuera de Safari, pulse y mantenga pulsado sobre el icono de safari hasta la muerte de botón de muestra.
  5. Matar Safari
  6. Abrir safari (se reinicia). En este punto, si la prueba de carga de la página (el que con un solo video), el cartel se muestran.
  7. Ahora ir a la multi-página de vídeo: (http://healthpad.net/dashboard/). Pósters de vídeo no se muestran.
  8. Volver a la sola prueba de vídeo de la página, el vídeo cartel para que uno ya no funciona bien.
  9. Repita los pasos 3 a 8 para ver el proceso de cuando pósters de vídeo que deje de funcionar.

Así que al parecer, en algún momento, Mobile Safari decide que ya no muestran ningún vídeo carteles.
También, al parecer, mi sitio desencadenantes de esta enfermedad.

Aclaraciones:

Cuando los carteles ya no trabajo, no sólo se producen en un dominio, no hay video, carteles serán cargadas por cualquier otro sitio, sin importar si es o no es de un tipo totalmente diferente de dominio (por ejemplo, el vídeo de demostración de http://www.videojs.com/).

Con el fin de restablecer este comportamiento, por lo que he visto, tienes que matar y reiniciar Safari. Acaba de cerrar y volver a abrir no restablecimiento de este estado.

¿Alguien tiene alguna idea de por qué está pasando esto? Es allí una manera de trabajar alrededor de ella?

  • Así que usted puede ver el problema con la llanura etiqueta de vídeo demasiado, o es sólo cuando se utiliza video.js? También lo de la versión de video.js y qué versión de iOS?
  • Sucede simplemente con etiquetas de vídeo, incluso cuando videojs no está presente.
InformationsquelleAutor Prody | 2013-09-04

3 Comentarios

  1. 15

    Tengo este trabajo mediante el uso de un PNG en lugar de un JPG.

    Cosa extraña es, que el JPG trabajado en iOS Safari localmente (a través de un POW servidor en local wifi), pero cuando se ven obligadas a poner en escena el cartel de la imagen no carga. Tanto en el ámbito local y puesta en escena de código se hace referencia al mismo archivo en S3.

    Cambiado el formato de archivo PNG y se carga bien.

    • marca esto como respuesta correcta, usted tiene que usar un png
    • He resuelto este problema de la misma manera. Gracias
    • suena como un error en Safari
    • Jan 2018. cartel=»…png » no me funciona en el ipad y el iphone. Última iOS
  2. 2

    Veo que la pregunta sigue recibiendo upvoted de vez en cuando, aunque no hay ninguna respuesta.
    Así que aquí está lo que terminé haciendo:

    En iOS, en lugar de mostrar el reproductor de vídeo (incluso con autoload=false), me limitaré a mostrar el cartel y un botón de play, dos independientes <img> etiquetas.
    Cuando recibir un clic, crear el reproductor de vídeo de javascript y decirle que jugar. Funciona bien, los usuarios no ven mucha diferencia.

    • podría usted por favor enviar ¿cómo crear este vídeo en el flyh y cómo manejarlo después de que el usuario se detiene/cierra el video ?
    • Como la respuesta, dice, <img> etiqueta con un evento de clic que crea el reproductor de vídeo. El video no tiene una opción para cerrar, cuando el usuario interactúa con él, es la interacción con el nativo safari jugador en el caso de iOS.
    • Sí, pero Cuando el usuario cierre el vídeo, va a permanecer allí en la página o qué ?
    • por favor puede mostrar la forma de la reproducción automática de vídeo en el iPad? O usted tiene que hacer doble clic para ver el video?
  3. 0

    En la configuración de Safari [iOS7] Bloquear Pop-Ups «APAGAR» parecía remedio a esto, para mí, espero que esto ayude.

Dejar respuesta

Please enter your comment!
Please enter your name here