El sitio web de mi organización usa etiquetas de objetos para mostrar archivos de video MP4. Aquí hay un ejemplo:
<object width="494" height="388" codebase="http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<param value="http://server.site.org/path/filename.mp4" name="src" /> <param value="false" name="autoplay" />
<embed width="494" height="388" autoplay="false" pluginspage="http://www.apple.com/quicktime/download" type="video/mp4" src="http://server.site.org/path/filename.mp4" />
</object>
Los videos se muestran correctamente en: Mac Firefox, Windows Firefox, Windows IE, Windows Chrome, navegador de Android, iOS Safari, Mac 10.6 Chrome y Mac 10.6 Safari. Otras opciones de etiquetas html (iframe, video, etc.) no ofrecieron tanta compatibilidad.
Los videos no se reproducen en Mac 10.8 Safari y Mac 10.8 Chrome. (Creo que 10.7 funciona). En cambio, Safari muestra un espacio en blanco con "Complemento faltante", y Chrome muestra un ícono de complemento y una barra de mensajes rotos.
Las Mac en cuestión no tienen DivX ni Perian (discussions.apple.com dijo que esos complementos pueden causar problemas similares).
¿Qué ha cambiado en OS X (o QuickTime o WebKit) para causar esto? ¿Cómo soluciono esta regresión sin romper la funcionalidad en otros navegadores?
En los navegadores modernos, su mejor opción es usar la etiqueta de video HTML 5.
<video width="494" height="388" controls autoplay>
<source src="http://server.site.org/path/filename.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Puede colocar su código alternativo donde dice "Su navegador no admite la etiqueta de video".
graham perrin
Frizlab