Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #388838

    Hello,
    I have a problem with a selfhosted Video in a Footer-Text-Widget, which should autostart, looping and be without controls.

    Because I did not know how to do that I installed the plugin Video.js and tried to embed this code:

    [videojs mp4=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.mp4″ ogg=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.ogg” webm=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.webm” width=”248″ height=”174″ preload=”auto” autoplay=”true” loop=”true” controls=”false”]

    But it is not responsive then.

    Is there a solution or another way to do this?

    Glad for Help
    Bernd

    See the left Footer-Widget

    #389211

    Hey Bernd!

    Thank you for using Enfold.

    Try this on Quick CSS:

    div#example_video_id_185212883 {
    width: 100% !important;
    height: 174px !important;
    }

    Unfortunately, we can’t provide support for third party plugins as stated on our support policy. Please contact the plugin author.

    Cheers!
    Ismael

    #389263

    Hi Ismael

    this did not work as there is for each page reload a new ID for the video.

    I pasted the 100% in here

    [videojs mp4=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.mp4″ ogg=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.ogg” webm=”http://bebm.de/wp-content/uploads/2015/01/BeBM-Showroom-Button.webm” width=”100%″ height=”174″ preload=”auto” autoplay=”true” loop=”true” controls=”false”]

    and it is better than before. Will examine the issue furthermore

    Thank you!
    Bernd

    #389895

    Hey!

    Try to target the video with this selector then:

    .video-js {
    width: 100% !important;
    height: 174px !important;
    }

    Use css media queries to adjust the height on different screen sizes.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.