html5 video tag not working on Windows

**zorlette** · 2nd January 2013, 17:18

I've created a new html5 app project and modified default index page to add video tag (see code below). It works on Mac but not on Windows. How can I get it to work in Windows?
I am using Qt 4.8.4(3) and Qt Creator 2.6.0 on Mac OS X 10.8.2 and Windows 7.

Qt Code:

Switch view

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            body { margin: 0; font-size: 2em; background-color: white; }
            h1 { text-align: center; color: red; }
            h1 + h1 { color: green; }
            h1:last-child { color: blue; }
            #quit { background-color: gray; color: white; font-weight: bold; display: block; text-align: right; }
        </style>
        <script type="text/javascript">
            var counter = 0;
            function toggleElement()
            {
                var elements = document.getElementsByTagName('h1');
                for (var i = 0; i < elements.length; ++i)
                    elements[i].style.display = (counter % elements.length) == i ? '' : 'none';
                counter++;
                setTimeout('toggleElement()', 1000);
            }
            window.onload = function()
            {
                document.getElementById("quit").onmousedown = function()
                {
                    Qt.quit();
                };
                toggleElement();
            }
        </script>
    </head>
    <body>
        <a id="quit">X</a>
        <h1>Hello</h1>
        <h1>HTML5</h1>
        <h1>World</h1>
 
        <video width="320" height="240" controls>
          <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
          Your browser does not support the video tag.
        </video>
 
    </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            body { margin: 0; font-size: 2em; background-color: white; }
            h1 { text-align: center; color: red; }
            h1 + h1 { color: green; }
            h1:last-child { color: blue; }
            #quit { background-color: gray; color: white; font-weight: bold; display: block; text-align: right; }
        </style>
        <script type="text/javascript">
            var counter = 0;
            function toggleElement()
            {
                var elements = document.getElementsByTagName('h1');
                for (var i = 0; i < elements.length; ++i)
                    elements[i].style.display = (counter % elements.length) == i ? '' : 'none';
                counter++;
                setTimeout('toggleElement()', 1000);
            }
            window.onload = function()
            {
                document.getElementById("quit").onmousedown = function()
                {
                    Qt.quit();
                };
                toggleElement();
            }
        </script>
    </head>
    <body>
        <a id="quit">X</a>
        <h1>Hello</h1>
        <h1>HTML5</h1>
        <h1>World</h1>

        <video width="320" height="240" controls>
          <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
          Your browser does not support the video tag.
        </video>

    </body>
</html>

To copy to clipboard, switch view to plain text mode

Thanks!

**sky** · 3rd June 2014, 06:48

Hi,

I am facing the same problem on win 7. How come nobody is answering this??? I think this is critical. Hope some of the Masters turn their attention to this.

Sky.

**adutzu89** · 5th June 2014, 08:43

Try changing the following tags:

Qt Code:

Switch view

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

To copy to clipboard, switch view to plain text mode

to

Qt Code:

Switch view

<!DOCTYPE html>

<!DOCTYPE html>

To copy to clipboard, switch view to plain text mode

and

Qt Code:

Switch view

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

To copy to clipboard, switch view to plain text mode

to

Qt Code:

Switch view

<html>

<html>

To copy to clipboard, switch view to plain text mode

From what I've seen Windows version is more restrictive than Linux version.

Also, from what I know html5 pages are contained in

Qt Code:

Switch view

<!DOCTYPE html>
<html>
</html>

<!DOCTYPE html>
<html>
</html>

To copy to clipboard, switch view to plain text mode

Thread: html5 video tag not working on Windows

Thread Tools

Search Thread

Display

html5 video tag not working on Windows

Re: html5 video tag not working on Windows

Re: html5 video tag not working on Windows

Similar Threads

Taglib 1.8 on windows 7 is not working properly as on windows XP

QTimer in QThread working in ubuntu but not working in windows

Does Qt 4.7.3 support HTML5 video in Qt WebKit?

QGLWidget makes QGraphicswebview html5 video display failed

HTML5 video and Qt4.6 WebKit

Bookmarks

Bookmarks

Posting Permissions