Video mp4 problems

This support ticket is created 7 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Types plugin, Views plugin

This topic contains 4 replies, has 2 voices.

Last updated by oriolc 7 years, 1 month ago.

Assisted by: Christian Cox.

Author

Posts

November 21, 2017 at 4:16 pm #591687

oriolc

Hi!
I've created a website for my enterprise.
After last views and toolset update videos in mp4 won't appears as before (uses same width and height). I give you an example: hidden link
Can you take a look?

November 21, 2017 at 7:56 pm #591790

Christian Cox

Hi, I'll need some more information:
- How is this video added to your Layout? Share any shortcodes that are in use.
- What did it look like before, can you describe how it should look now? I see letterboxing around the video but I'm not clear what it should look like.

November 22, 2017 at 8:16 am #591919

oriolc

The video is an .mp4 uploaded via wordpress media. The shortcode is: [types field='video-ppal' loop='on' autoplay='on' preload='on'][/types].

Previosly, it doesn't appears this giant black background up and bottom the video. It just appears the video without anything, as you can see in the photo.

November 22, 2017 at 4:40 pm #592233

Christian Cox

The Types video field shortcode is essentially a wrapper for WordPress's video shortcode, which is not responsive by design. It requires predefined height and width values:
https://codex.wordpress.org/Video_Shortcode

height
(integer) (required) Defines height of the media. Value is automatically detected on file upload.
Default: [Media file height]

width
(integer) (required) Defines width of the media. Value is automatically detected on file upload. Note that the theme's content_width sets the maximum width.
Default: [Media file width]

Since the width of your video changes as the screen size changes, a static height number would have to be updated constantly to maintain the video proportions and prevent letterboxing. That would require JavaScript that isn't included with Types or Views. As a test, please use the standard WordPress video shortcode instead of the Types field shortcode and observe the results. I think you will find that the video includes similar letterboxing. Can you try this test and provide some screenshots showing the results at different screen sizes?

November 24, 2017 at 3:38 pm #592938

oriolc

After some css changes and using standard WordPress video shortcode I create a responsive video as I have it before wordpress and types update.
Thanks for all!!!!!