PageFly - Media element

84 views PageFly 0

In this article, you will learn about Media element and how to use it.

About Media element

Media element is designed to make your page more attractive in order to increase conversion rate. You can use this element to add all kind of media into your page such as Soundcloud, HTML5, Vimeo and Youtube.

Where Media element located

Understanding the significance of this element to a page, we are going to add more types of media in the future so you will have more options.

Media element configuration

Media element includes Soundcloud, HTML5, Vimeo and Youtube which have different parameters allowing you to fine-tune content appearance reaching the best possible conversion rate.

SoundCloud

Drag the SoundCloud to the layout and select it to see its parameters.

General tab configuration of SoundCloud

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
Soundcloud URL Insert your Soundcloud track URL here
Autoplay Autoplay your soundtrack
Show Buy Button Show buy button of Soundcloud. The user will be redirected to a Soundcloud page
Show Username Show username of Soundcloud account

HTML5/Video

Drag the HTML5 to the layout and select it to see its parameters.

General tab configuration of HTML5/Video

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
Video Source Add the video source, just keep in mind the file size must be less than 2MB.

Supported video format: mp4, ogv and webm.

Video Image Cover Add a cover image to the video
Loop Video plays constantly non-stop in loop
Autoplay Turn on/off the autoplay feature
Mute Turn on/off the video’s sound
Show Controls Show the video player control

Vimeo

Drag the Vimeo to the layout and select it to see its parameters.

General tab configuration of Vimeo

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
Vimeo Video URL The full URL of your Vimeo video
Video Image Cover Add a cover image to the video
Ratio Select the video ratio display 4:3 or 16:9
Loop Video plays constantly non-stop in loop
Autoplay Turn on/off the autoplay feature
Mute Turn on/off the video’s sound
Show Portrait Show / Hide video uploader’s portrait
Show By Line Show / Hide video uploader’s name
Show Title Show / Hide video title

Youtube

Drag the Youtube to the layout and select it to see its parameters.

General tab configuration of Youtube

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
Youtube Video URL The full URL of your Youtube video
Video Image Cover Add a cover image to the video
Ratio Select the video ratio display 4:3 or 16:9
Loop Video plays constantly non-stop in loop
Autoplay Turn on/off the autoplay feature
Mute Turn on/off the video’s sound
Show Controls Show / Hide video uploader’s portrait
Show Title Show / Hide video title
Show Related Video Show / Hide related video after the video is done playing

Important:

  • Do not use the HTML5 element and “Youtube embedded” code, if you do that the video won’t be responsive on mobile/tablet devices. The embedded code has a fixed width dimension and it will break the responsive layout.
  • Keep in mind that the autoplay feature works only when the Mute feature is also enabled, due to Youtube new api about autoplay. Autoplay also won’t work on tablet/mobile devices because of the default mobile operating systems.