Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: HTML 5 help

  1. #1
    New Coder
    Join Date
    Dec 2008
    Location
    Ohio, USA
    Posts
    37
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question HTML 5 help

    Hi all,

    I am a still photographer and filmmaker. A client has asked me to investigate HTML 5 coding so that web videos that I produce for them can be viewed on mobile devices. I've put together a test page with info from w3schools.com.
    Apparently this page cannot be viewed in I.E. 9 or on Droid mobile devices. It can be viewed in Firefox, Safari, Chrome, Opera 11.5 and on Apple iPads.
    Any advice on how I can get the HTML 5 tweaked to be viewed in I.E. 9 and Droid devices will be greatly appreciated. Thanks.

    Here's the code:
    Code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <title>html 5 ~ test</title>
    <meta charset="UTF-8" />
    
    <style rel="stylesheet" type="text/css">
    
    body { background-color: #fff; margin-top: 40px; margin-left: 50px; margin-bottom: 100px;
    }
    p { font-family: optima, arial, times; font-size: 12pt; font-style: italic; color: #999; line-height: 20pt; margin-bottom: 40px; opacity: 0.8; filter:alpha (opacity=80);
    }
    div.border { border-width: 1pt; border-style: ridge; border-color: #777777; width: 800px; height: 675px; padding-top: 30px; padding-left: 45px; padding-right: 45px;
    }
    div.imagemain { height: 405px; width: 720px; margin-bottom: 40px; margin-top: 10px; margin-left: 0px; border: 2pt ridge #777; background-color: #333; /* for IE */
      filter:alpha(opacity=100);
      /* CSS3 standard */
      opacity:1.0;
    }
    
    div.logo { width: 600px; height: 56px; margin-bottom: 75px;
    }
    </style>
    
    </head>
    <body>
    
    <div id=EchoTopic>
    <center><div class="border">
    <div class="imagemain">
    
     
    <video width="720" height="405" preload="auto" poster="jpegs/placeholder.jpg" controls="controls">
      <source src="media/roughcut_001rev_001.ogv" type="video/ogv" />
      <source src="media/roughcut_001rev_001.mp4" type="video/mp4" />
      <source src="media/roughcut_001rev_001.webm" type="video/webm" />
    Your browser does not support the video tag.
    </video> 
    </div>
    <p>click on the 'play' button to begin video<br/>duration 1 min 45 sec
    </p>
    </div></center>
    
    </body>
    </html>
    Last edited by droliff; 07-21-2011 at 02:35 AM. Reason: can be viewed in Opera

  • #2
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    HTML5 is not yet officially released by the W3C and probably won't be finished for another couple of years. Consequently, support for html5/css3 varies across browsers.

    Try using the <object> element for browsers that don't support <video>

  • Users who have thanked bullant for this post:

    webdev1958 (08-13-2011)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •