Why HTML5 video doesn't play in IOS 8 WebApp(webview)?

ios html html5-video ios8 iphone-standalone-web-app
inaam husain picture inaam husain · Sep 22, 2014 · Viewed 37k times · Source

Simple HTML5 video plays on safari browser. but after adding it to home screen(Standalone WebApp), it doesn't work. It is working on iOS7 but stopped working on 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>

Please help. Is there any solution for this?

Answer

Julio Garcia picture Julio Garcia · Sep 28, 2014

Video playback is broken on standalone applications in IOS 8.0.2

Related questions

How do I detect if the HTML5 autoplay attribute is supported?

How do I best detect whether a browser's HTML5 video element supports autoplay? On current iOS Safari, for example, autoplay is disabled. Update: I now designed the web page in such a way that it works irrespective of whether autoplay …

Read More
How do you disable viewport zooming on Mobile Safari?

I've tried all three of these to no avail: <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; …

Read More
How do I remove the blue styling of telephone numbers on iPhone/iOS?

Is there a way to remove the default blue hyperlink colour from a telephone number when viewed on an iPhone? Like a specific Mobile Safari tag or CSS to add? I only have this in place for the number: <…

Read More