performance/plugins/embed-optimizer/tests/test-cases/single-wordpress-tv-embed-outside-viewport-on-mobile/expected.html at bb5bd6d6a534c8e60c3006d96319809d759eb921 · WordPress/performance · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>...</title>
	<style>
@media (width <= 480px) {
	#embed-optimizer-6040306707fb51ccaafa915c2da8f412 { min-height: 500px; }
}
@media (480px < width <= 600px) {
	#embed-optimizer-6040306707fb51ccaafa915c2da8f412 { min-height: 600px; }
}
@media (600px < width <= 782px) {
	#embed-optimizer-6040306707fb51ccaafa915c2da8f412 { min-height: 700px; }
}
@media (782px < width) {
	#embed-optimizer-6040306707fb51ccaafa915c2da8f412 { min-height: 800px; }
}
</style>
<link data-od-added-tag rel="preconnect" href="https://public-api.wordpress.com" media="(480px &lt; width)">
<link data-od-added-tag rel="preconnect" href="https://v0.wordpress.com" media="(480px &lt; width)">
<link data-od-added-tag rel="preconnect" href="https://video.wordpress.com" media="(480px &lt; width)">
<link data-od-added-tag rel="preconnect" href="https://videos.files.wordpress.com" media="(480px &lt; width)">
</head>
	<body>
		<div class="wp-site-blocks">
			<figure data-od-added-id id="embed-optimizer-6040306707fb51ccaafa915c2da8f412" class="wp-block-embed is-type-video is-provider-wordpress-tv wp-block-embed-wordpress-tv wp-embed-aspect-16-9 wp-has-aspect-ratio">
				<div data-od-xpath="/HTML/BODY/DIV[@class=&#039;wp-site-blocks&#039;]/*[1][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
					<iframe title="VideoPress Video Player" aria-label='VideoPress Video Player' width='750' height='422' src='https://video.wordpress.com/embed/vaWm9zO6?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'></iframe>
					<script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1674852142'></script>
				</div>
			</figure>
		</div>
	<script type="module">/* import detect ... */</script>
</body>
</html>