1 Reply Latest reply on May 17, 2013 9:12 AM by zontaluma

    How to hide video controls

    zontaluma Level 1



      I have a video that i want to play automatically when a button is clicked.  I have it all figured out but the controls for the embedded video show up.  How do i hide the controls? 


      Here's my code on a triggered get element event



      var vid = sym.$("vidCon");


      vid.html('<video width="640" height="480" src="zoom.mp4" poster="black.jpg" type="video/mp4" autoplay="autoplay" controls="false"  </video>');


      I've read that an html 5 element must be ommitted if you don't want it to show but when i get rid of the controls attribute, the vid will not play. 



        • 1. Re: How to hide video controls
          zontaluma Level 1

          ok i figured it out


          here's the code i used on trigger if anyone's interested



          var vid = sym.$("vidCon");


             vid.html("<video width='640' height='480'  autoplay='autoplay' poster='black.jpg'>" + 


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


                      "<source src='zoom.webm' type='video/webm'  />" +


                      "<source src='zoom.ogv' type='video/ogg'  />" +




          i also had to convert my video to webm and ogg bc firefox has licensing issues with mp4


          ugh!  can't we all just get along!!!  :-)