7 Replies Latest reply on Jan 16, 2013 3:19 PM by BenK1934

    Embeded Videos are not played at iPad and Mac Safari

    juppetz

      Hey,

      I have embeded two videos in my project with this code from Heathrowe (thank you for this^^):

       

      // Begin copy here

       

      // create a text object called vid;

       

      // the text object, eveything between the quotes is nothing more than a basic snippet from w3schools for html5 video;

       

       

       

      var vid = $("<video width='600' height='450' controls='controls'>" +

       

         "<source src='videos/AcideHyaluronique.mp4' type='video/mp4' />" +

       

         "<source src='videos/AcideHyaluronique.ogg' type='video/ogg' />" +

       

         "This browser is not compatible with HTML 5" +

       

      "</video>");

       

      var vid2 = $("<video width='600' height='450' controls='controls'>" +

       

         "<source src='videos/DareYourBeauty.mp4' type='video/mp4' />" +

       

         "<source src='videos/DareYourBeauty.ogg' type='video/ogg' />" +

       

         "This browser is not compatible with HTML 5" +

       

      "</video>");

       

       

       

      // stage symbol lookup, and append the above vid object to it;

       

      // in other words, get the div called 'vcontainer' and attach the video control to it;

       

      sym.$("ahcontainer").append(vid);

       

      sym.$("ahcontainer").append(vid2);

       

      // additional options for the video object

       

      vid.attr('preload','auto');

       

      vid2.attr('preload','auto');

       

      // End copy here

       

      It works in all browsers but Safari (for Mac and iPad). Any suggestions?