Video url with Image type Field

Question

I have a carousel with Images and videos. The Image added appears but not videos. I am trying to assign a Video(mp4)media type using a Image Field type. When I am try to click the Browse and select a MP4 video I am getting an error as

The selected Item does not contain an Image.

Image: @Html.Sxa().Field(Templates.Carousel.Fields.Image, CarouselItem.Slider)

Video: @Html.Sxa().Field(Templates.Carousel.Fields.Video, CarouselItem.Slider)

Answer 1

I don't think you can select videos using an 'Image' field out of the box. However, I don't see why you can't use other fields instead:

File: Allows users to search for files or simply browse the Media library and select the needed video

Attachment: directly upload from your machine (how to use in code)

Internal Link: displays the Select Link popup and you can select from the whole sitecore tree (you can set the datasource to 'sitecore/Media Library' only). To read the selected file, cast the field into LinkField and access the linkField variable's TargetItem (e.g. linkField1.TargetItem)

Answer 2

I have followed "Internal Link" with Media Manager to make video(.mp4) running on the browser. The steps to achieve the same is as below:

1. Use Internal Link Field rather than using Media or Image field.(Image field will give you an option to upload Videos but will throw an error when you select Video files as "Selected file does not contain an Image". Not sure why first of all Videos upload option are showing up in Image Field in such case.

2. From the Path of the Internal Link get the Video Item and use MediaManager to get the url.

   MediaItem video = Sitecore.Context.Database.GetItem(videoPath);

   string src = Sitecore.Resources.Media.MediaManager.GetMediaUrl(video);