Video

[nydes]

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

[Swift Ideas – Ed]

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

[nydes]

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

[nydes]

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

[Swift Ideas – Ed]

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

[nydes]

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.

[Swift Ideas – Ed]

.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

[nydes]

That is perfect!!! Thanks a lot 🙂

Very great support!

Have a nice day!

Arina

[Kyle – SUPPORT]

Great! Thanks Ed

– Kyle