Notifications
Clear all

Advanced iFrame Pro - portrait video - thumbnail

Page 1 / 2

Posts: 5
Topic starter
(@warwick)
Active Member
Joined: 4 weeks ago

Hi,

I am trying to make a portrait video, display, height="854" width="480" iframe_height_ratio="1.77777777778". It works the way i want. Only, the thumbnail on the PC is good, like frame 1, but on a mobile the thumbnail is black screen(I am checking with iPHone), small image in centre.
Q1 Is there a way to improve the thumbnail view on mobile?
Q2 I am also wondering how to preset the volume to 50%

This is the code I am using at the moment, and you can see the result at the homepage of www.englishwithus.com

[advanced_iframe use_shortcode_attributes_only="true" src="/wp-media/video/01_vocab.mp4?autoplay=1" id="example22"

height="854" width="480" hide_elements="#secondary" content_id="#primary" content_styles="width:100%"

enable_responsive_iframe="false" iframe_height_ratio="1.77777777778" enable_lazy_load="true"

enable_lazy_load_threshold="200" enable_lazy_load_fadetime="0" allowfullscreen="false" allow="autoplay; encrypted-media"]

 

thanks for any help. Cheers. Warwick

7 Replies
TinyWebGallery
Posts: 322
Admin
(@admin)
Administrator
Joined: 12 years ago

Hi,

Q1: if you find a setting which works better on mobile only you can use the browser detection and use a different shortcode there. how dies the thumbnail look if you open the link directly on a phone.

Q2: You need to use a player which does support that the volume set the volume by url parameter.

Also see here for settings:

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-videos

Why have you set enable_responsive_iframe="false" ? 

 

Best regards, 

Michael 

Reply
Posts: 5
Topic starter
(@warwick)
Active Member
Joined: 4 weeks ago

>Why have you set enable_responsive_iframe="false" ? 

I found if I set it to "true" it used the video width "480" to also change the wordpress page from full page to page the width of the video. If set to "false" the video is correct portrait, initial size, but the page it is in remains its initial full width, also responsive (what i want). When the video is clicked on Mobile it fills the screen to play in portrait (what i want).

Reply
1 Reply
TinyWebGallery
Admin
(@admin)
Joined: 12 years ago

Administrator
Posts: 322

@warwick o.k. you don't want to have it responsive on mobile but responsive on mobile? then use the browser detection to use a different config for the mobile.

Reply
Posts: 5
Topic starter
(@warwick)
Active Member
Joined: 4 weeks ago

Other problem, is the video loads with a black thin line on each side. Can I change the colour of that border? Black border is for funerals in Chinese culture, so I try and avoid it. Maybe also this is to do with the player?

Reply
1 Reply
TinyWebGallery
Admin
(@admin)
Joined: 12 years ago

Administrator
Posts: 322

@warwick On thing you can do is to use this feature:  http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe

You need to check if you still have all control elements you like

Best regards, Michael

Reply
Posts: 5
Topic starter
(@warwick)
Active Member
Joined: 4 weeks ago

>how dies the thumbnail look if you open the link directly on a phone.

See attached on how the thumnail looks, before it is selected.

Reply
Page 1 / 2