Youtube video problems on the IPad using TwentySeventeen theme

If you find a bug with the 2017 theme you can report it to the core WordPress bug tracker just like I have done previously: https://core.trac.www.ads-software.com/ticket/42598#ticket

I don’t recommend that until I am satisfied there is a problem with the theme and nothing else.

OK, if you want to setup a header page on a basic twentyseventeen theme to use a Youtube 1080p video, i will test it using my bank of ipads and we can prove that the bug is with the Theme, not the environment. We could then publish the findings.

• This reply was modified 6 years, 10 months ago by nytix.

I’ve asked for others to look into this and it turns out to be a core bug with the theme. Could you open a new Trac ticket?

https://core.trac.www.ads-software.com/newticket

• This reply was modified 6 years, 10 months ago by Andrew Nevins.

Hi @nytix – Regarding the grey bar, I think this has already been reported in Trac:

https://core.trac.www.ads-software.com/ticket/40522

You can add screenshots and details of your case there if you like. There’s also a patch attached, which removes one line in the stylesheet – you could try it if you want, and see if it fixes your issue.

https://core.trac.www.ads-software.com/attachment/ticket/40522/40522.patch

Regarding no auto-play on smaller screens, this is coming from a setting in Core, which restricts auto-play on video headers to screens greater than 900 by 500px. It’s found in the file /wp-includes/theme.php in this function:

/**
 * Retrieve header video settings.
 *
 * @since 4.7.0
 *
 * @return array
 */
function get_header_video_settings() {
	$header     = get_custom_header();
	$video_url  = get_header_video_url();
	$video_type = wp_check_filetype( $video_url, wp_get_mime_types() );

	$settings = array(
		'mimeType'  => '',
		'posterUrl' => get_header_image(),
		'videoUrl'  => $video_url,
		'width'     => absint( $header->width ),
		'height'    => absint( $header->height ),
		'minWidth'  => 900,
		'minHeight' => 500,
		'l10n'      => array(
			'pause'      => __( 'Pause' ),
			'play'       => __( 'Play' ),
			'pauseSpeak' => __( 'Video is paused.'),
			'playSpeak'  => __( 'Video is playing.'),
		),
	);

	if ( preg_match( '#^https?://(?:www\.)?(?:youtube\.com/watch|youtu\.be/)#', $video_url ) ) {
		$settings['mimeType'] = 'video/x-youtube';
	} elseif ( ! empty( $video_type['type'] ) ) {
		$settings['mimeType'] = $video_type['type'];
	}

	return apply_filters( 'header_video_settings', $settings );
}

Themes can override this setting, but Twenty Seventeen does not. To make a change in this functionality on your site, you could create a custom function and add it either to a child theme or functionality plugin.

Hi! I have the same problem with my Twenty Seventeen theme so, my question is: “Where is the theme.php?” because i can’t found it in my wp-includes. Can you help me, please?
Thanks

@scroll2804, DO NOT edit this file. Please read all of what Katheryn wrote:

Themes can override this setting, but Twenty Seventeen does not. To make a change in this functionality on your site, you could create a custom function and add it either to a child theme or functionality plugin.

I experienced the same video header issues when I was using a YouTube link, I solved the issue with rendering the video in PremierPro using the “Apple iPad 2, iPhone 4S – 1080p 29.97” Uploaded the file into the Media Option in WP. Ran the video from the site instead of YouTube and placed a watermark on the video.
escondidoenterprises.net
It ran OK with a PC desktop and my iPad mini (when connected to a wifi)
For the ipad it will run with both Safari and Chrome
Size can be up to 8.1 MB, nothing larger.

• This reply was modified 6 years, 5 months ago by escondido18.
• This reply was modified 6 years, 5 months ago by escondido18.