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
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
>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).
@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.
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?
@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
>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.
