To insert code use <code>...</code>.
Eliminate Controls on Video
  • Vote Up0Vote Down arlandizarlandiz
    I would like to eliminate the control feature on a video.
    I made a presentation using Apple Keynote 5.1 , saved it as a movie ( keynote does this by saving it as a .mov ) . I then converted the .mov to a .mp4 ; I then uploaded the mp4 to my server . On my homepage I then used the following code on the Homepage Content Editor to place it :

    <code style="margin-left:225px; margin-top:-70px;">[video type="html5" mp4="http://www.arlandiz.com/moon/moon.mp4&quot; ogg="http://www.arlandiz.com/moon/moon.ogv&quot; width="450" height="200" preload="true" autoplay="true" loop="true" controls="false"]


    This works on all the legacy browsers for OS X: Chrome 19.0.1 , Firefox 12 and Safari 5.1.7

    I used the " loop" attribute that was not given as an option in the HTML 5 video Shortcode , and it worked.

    ( side-note the loop attribute should be put in as an option as well as the control attribute )

    I also wish that the control would not show, in http://www.w3schools.com , they show this option :

    http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_controls

    But when I use


    controls="false"


    The controls still show.

    any suggestions ?

    site is www.arlandiz.com
    I'm using wordpress 3.3.2
    and striking 5.1.8 / striking child 0.60

    Thanks

    Sergio


  • 1 Comment sorted by
  • Vote Up0Vote Down arlandizarlandiz
    ok … it seems that to hide the controls using the short code would required some editing of the short code itself. A easier solution would be to us write out the code long hand , which would be as follows :

    <video style="margin-left:175px; margin-top:-70px;" height="225" width="600" preload="true" autoplay="true" loop="true">
    <source src="http://www.arlandiz.com/moon/moon.mp4&quot; type="video/mp4" />
    <source src="http://www.arlandiz.com/moon/moon.ogv&quot; type="video/ogg" />
    Your browser does not support the video tag.
    </video>


    This gives me the desired solution of having a video , self-starting , looping and not showing its controls.

    Thanks

    Sergio
Add a Comment