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

    How to hide video controls

    zontaluma Level 1

      All-

       

      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. 

       

      Thx

        • 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'  />" +

           

             "</video>");

           

          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!!!  :-)