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
  1. #1
    New Coder
    Join Date
    Sep 2012
    Posts
    47
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Help! Can't embed multiple videos in IE10

    So I have a weird issue. I place this in the body:
    CODE1
    Code:
    <embed src="vid/header2.mp4" showcontrols="0" loop="true">
    Works fine.

    I place this next..
    CODE2
    Code:
    <div id="videos" style="position:absolute;left:15px;top:705px;">
    <embed src="vid/osu.mp4" showcontrols="0" loop="true">
    </div>
    Neither video will now play. If I remove CODE1, the 2nd video will play. If I remove CODE2, the 1st video will play. What the heck? I know you can play multiple videos on the same page. I'm doing it in another html doc but for some reason this current one won't allow it. Driving me nuts.

    Here is the entire code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- saved from url=(0014)about:internet -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Gulfstream Digital Signage</title>
    
    	<link rel="stylesheet" type="text/css" media="screen" href="css/nivo-slider.css"/>
        <link rel="stylesheet" type="text/css" href="css/main.css"/>
    	<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    	<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    
    </head>
    
    <body scroll="no">
    
    <!-- Video below -->
    <embed src="vid/header2.mp4" showcontrols="0" loop="true">
    <div id="videos" style="position:absolute;left:15px;top:705px;">
    <embed src="vid/osu.mp4" showcontrols="0" loop="true">
    </div>
    
    
    <div class="slider-wrapper">
        <div id="slider" class="nivoSlider">
            <img src="img/001.jpg" title="Cap 1 here" />
            <img src="img/002.jpg" title="Title Block 2" />
            <img src="img/003.jpg" title="This is an example of a caption 3" />
            <img src="img/004.jpg" title="Caption 4" />
        </div>
    </div>
    
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
    
    
    </body>
    </html>
    Last edited by themoon; 05-01-2013 at 01:36 PM.

  • #2
    New Coder
    Join Date
    Sep 2012
    Posts
    47
    Thanks
    13
    Thanked 0 Times in 0 Posts
    I kinda got it to work, but I don't know why this worked.

    I simply removed the first two lines of code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    Then it worked.
    I posted this, re-ran it (without changing anything) and now it won't play again. WTF?

    so then I tried this:
    Code:
    <embed src="vid/header2.mp4" showcontrols="0" loop="true"></embed>
    
    <div id="videos" style="position:absolute;left:0px;top:700px;">
    <embed src="vid/osu.mp4" showcontrols="0" loop="true">
    </div>
    And it worked! But only one time?! Every subsequent run it will not work then. No idea what is going on....

    UPDATE:
    Ok I found my culprit. I have to clear the browsing cache via the developer tool (F12) in IE. It doesn't work if I clear it simply from tools -> Safety -> Clear history. I have to actually delete the browsing cache through the dev tool within IE.

    It works everytime I do this. So....
    Why does it do this? Is there some kind of html I can use to fix this?
    Last edited by themoon; 05-01-2013 at 02:15 PM.


  •  

    Posting Permissions

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