New Landing › How can we help? › Themeforest Theme Support › Dante › Video

Viewing 9 posts - 1 through 9 (of 9 total)
  • Back to forum
    Posted in: Dante
  • June 14, 2014 at 7:48 am #82453
    nydes
    Member
    Post count: 20

    Hi!
    I wonder if you could help me with the code for showing video inside the modal.

    It should be shown inside the modal, like vimeo-video in you example of modal 2. One shouldn’t be sent outside of the modal. And when you close the modal, the video should stop.

    I have tried to add the picture image and link this picture to the video, but then I was sent outside of the modal.

    I have also tried to have the video link, but then the video didn’t stop when I closed the modal.

    If you go to http://utvikling.paratvarme.com/naering/ and choose “vintiler” and the 1st modal “dynamisk regulerende vintiler”, then you will see the vimeo video, which I would like to remove with this video http://utvikling.paratvarme.com/wp-content/uploads/2014/06/FreseOptimaCompactDK_Mobile.mp4

    I attach the picture of this modal.

    Thanks,
    Nydes

    June 16, 2014 at 8:00 pm #82869
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi Nydes,

    Try this shortcode: http://codex.wordpress.org/Video_Shortcode

    I have the URL for an mp4, from the Media Library or external, that I want to play:

    [video src="video-source.mp4"]

    I have a source URL and fallbacks for other HTML5-supported filetypes:

    [video mp4="source.mp4" ogv="source.ogv" mov="source.mov"]

    Hope that helps!

    – Ed

    June 18, 2014 at 9:46 am #83389
    nydes
    Member
    Post count: 20

    Hi Ed,

    Thanks for your answer.

    I have added this one:
    [video width="300" height="" src="http://utvikling.paratvarme.com/wp-content/uploads/2014/06/FreseOptimaCompactDK_Mobile.mp4"]

    In Firefox it flashes, but then comes the right size of the video.
    In Chrome and Safari the size of the video is huge and it doesn’t change to “width=”300”.

    You can see it here:
    http://paratvarme.no/naering/
    Choose “ventiler” and “dynamisk regulerende ventiler”

    Kind regards,
    Nydes

    June 19, 2014 at 10:04 am #83730
    nydes
    Member
    Post count: 20

    Hi again,

    I have changed the address for the video. It is here:
    http://paratvarme.no/746-2/

    The problem with the code you have suggested is only in the modal (the first button in the modal). Please check it in the different browsers.

    Kind regards,
    Nydes

    June 23, 2014 at 2:27 am #84425
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @Nydes,

    You’ll need different formats for it to work in all browsers.

    Try adding this custom css for the width:

    .modal-body .mejs-container {
max-width: 100%;
}

    – Ed

    June 30, 2014 at 11:38 am #86974
    nydes
    Member
    Post count: 20

    Hi Ed,

    I understand about the formats. Thanks.

    It looks like your code works for the width, but not for the height. Now it’s the problem with the height. Any suggestion?

    Kind regards.

    July 1, 2014 at 12:05 am #87134
    Swift Ideas – Ed
    Keymaster
    Post count: 15264
    .modal-body .wp-video {
width: 100%!important;
}
.modal-body .mejs-container {
max-width: 100%;
}
.modal-body .mejs-container, .modal-body .mejs-overlay {
height: 350px!important;
}

    That should do it.

    – Ed

    July 1, 2014 at 12:17 pm #87278
    nydes
    Member
    Post count: 20

    That is perfect!!! Thanks a lot 🙂

    Very great support!

    Have a nice day!

    Arina

    July 1, 2014 at 12:45 pm #87285
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! Thanks Ed

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register