Also on the iPhone, when playing a video manually, it takes over the entire screen. Need the “playsinline” option added to videos for iOS support.
]]>I have inspected the code on the device and found out that the tag playsinline is missing. I have added this in additional CSS. But this is still not working. Is there a way to get the autoplay working on IOS.
]]>The history of updates in the page below says Version 12.3 – June 19, 2019 introduces ‘Add an option to add playsinline attribute to HTML5 video’:
https://www.wonderplugin.com/wordpress-gallery/
However, toggling various options on and off on the Slider Options screen doesn’t add the playsinline attribute to a video slide. Is this added function supported in the free slideshows of Wonder Slider Lite or for paid slideshows only? Please let me know how I can get the playsinline attribute added.
Thank you in advance.
]]>While my research for a solution I′ve found a function ?playsinline“, wich should solve this problem. But I don′t know where and how to add it to the HTML code of my WP-Theme Sydney. I really, really need this to work.
]]>As part of different post formats, my theme uses metaboxes to define certain items as part of the format:
$meta_boxes[] = array(
'id' => 'format_settings',
'title' => esc_html__( 'Post Format Settings', 'linx' ),
'pages' => array( 'post' ),
'context' => 'normal',
'priority' => 'high',
'autosave' => true,
'fields' => array(
array(
'type' => 'heading',
'name' => esc_html__( 'Video Format', 'linx' ),
'id' => 'heading_id',
),
array(
'name' => esc_html__( 'Video embed code', 'linx' ),
'id' => "{$prefix}pf_video_data",
'type' => 'textarea',
'cols' => 20,
'rows' => 4,
),
array(
'type' => 'heading',
'name' => esc_html__( 'Gallery Format', 'linx' ),
'id' => 'heading_id',
),
array(
'name' => esc_html__( 'Gallery images', 'linx' ),
'id' => "{$prefix}pf_gallery_data",
'type' => 'image_advanced',
'max_file_uploads' => 10,
),
array(
'type' => 'heading',
'name' => esc_html__( 'Audio Format', 'linx' ),
'id' => 'heading_id',
),
array(
'name' => esc_html__( 'Audio embed code', 'linx' ),
'id' => "{$prefix}pf_audio_data",
'type' => 'textarea',
'cols' => 20,
'rows' => 4,
),
array(
'type' => 'heading',
'name' => esc_html__( 'Link Format', 'linx' ),
'id' => 'heading_id',
),
array(
'name' => esc_html__( 'Link to', 'linx' ),
'id' => "{$prefix}pf_link_data",
'type' => 'text',
),
)
);
return $meta_boxes;
}
add_filter( 'rwmb_meta_boxes', 'linx_register_meta_boxes' );
At the moment, I am trying to build out a video post, which has the following markup in the defined textarea:
<video
preload="none"
class="lazyload"
muted=""
loop=""
data-autoplay=""
playsinline=""
-webkit-playsinline=""
style="width:100%"
src="https://cdn.willstocks.com/wp-content/uploads/2018/12/Mpow-Flame-2018-Special-Edition-Video-1.mp4">
</video>
However, the output (see here: https://willstocks.co.uk, scroll down to the MPOW post at the bottom) results in the playsinline
and -webkit-playsinline
values being removed from the <video>
, which results in failure to autoplay on iOS devices.
Can you see any reason for Meta Box stripping these two items? I’m not sure where else/why else these would be being removed
]]>playsinline
is manually added to the <video>
tag, it does work.
Can we make playsinline
one of the selections in the video block options?
I dug into the Gutenberg packages on github, and from what I can tell, all of the code for the video block actually is set up for allowing the selection of playsinline
. Why doesn’t it show up in the WordPress editor?
Greetings. It’s a wonderful plugin. My only doubt is the playsinline feature. I’m trying to make it work but the video continues playing in fullscreen. Using iPhone 5S with iOS 8.3.
Here: https://sufi.cl/qasida-tawasul/
Thank you.
https://www.ads-software.com/plugins/youtube-embed-plus/
]]>