Advanced iFrame Pro - portrait video - thumbnail
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
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:
Why have you set enable_responsive_iframe="false" ?
>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).
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?