Show Custom field VIDEO with .mov format

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

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

This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

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: Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 7 years, 6 months ago.

Assisted by: Christian Cox.

Author

Posts

May 10, 2017 at 4:50 pm #522670

aleixS

Hi,
I create a custom Post Type called "video". I create a Video custom field and a CRED form to upload video.
When I make a Video with iPhone, the format which video is uploaded is .mov . When I tried to show post "video" in a view, in the page I see only link of the video.
I try to display Video in HTML with tag "<video></video>" using my custom field Video and assign atttribute "output=raw". It works well, but on iOS I don't show preview image.

There is a way to upload a .mov video and display the poster's video on iOS?

Thank a lot,
Aleixs

May 10, 2017 at 7:03 pm #522727

Christian Cox

The Video tag only supports certain filetypes. The .MOV container uses the Quicktime codec which is proprietary Apple software and is not on the list of Media formats supported by the HTML audio and video elements. I'd suggest transcoding the footage to .MP4 and using that instead.

However, if you only care about Safari and iOS, you can use the following code:

<video poster="<em><u>hidden link</u></em>" src="[types field='my-video-field-slug' output='raw'][/types]" controls></video>

You would need to upload a separate image to your media library to use for the "poster" attribute. Otherwise, you could create another custom image field on your post and use this field for the poster attribute. Again, this approach ONLY works for Safari on iOS devices.

More info from Apple here:
hidden link

Let me know if I can be of further help.

The forum ‘Types Community Support’ is closed to new topics and replies.