How to make YouTube embedding responsive while maintaining proportions with CSS.

Learn how to make YouTube embeds responsive while maintaining the ratio.

1:Add div tag.

Add a div tag to enclose the iframe tag.

<div class="yt"><iframe width="560" height="315" src="https://www.youtube.com/embed/YUDbl9qBihk?si=RRyI62O5tVSEfHvo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>

2:Add css.

Add the css.

.yt {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.yt iframe {
    width: 100%;
    height: 100%;
}

Finalise.

These are simple methods and we encourage you to try them.

Code Speed Web Wordpress

How to score 100 on the Google Speed Test.How to create better web vitals with WordPress themes and plugins. ‘Checklist for developers’.

This post explains how to get a score of 100 on the google speed test. 1. 1.Files2. 2.Fonts and typography3. 3.CSS framework4. 4.Conditional asset loading4.1. Inline styles4.2. Inline scope4.3. Using transients to store conditions4.4. Checking by name for loading5. 5.Image...

Continue reading

Code Speed Web Without Plugin

Without Plugin!How to LazyLoad Google Adsense to speed up display speed.

Loading Google Adsense significantly reduces page display speed. The following methods will improve the expectation of problem resolution and should be tried. 1. Remove Script tag in Google Adsense code.2. Install code for LazyLoad. Remove Script tag in Google Adsense...

Continue reading

Plant

Astrophytum asterias.

It is one of the cacti with the greatest number of persistent enthusiasts. Astrophytum asterias is particularly popular because of the large number of varieties and the ease of both hybridisation and seed production. The lack of thorns is considered...

Continue reading

Code Web Without Plugin Wordpress

Without Plugin!Easy copy and paste. how to add a site name shortcode to WordPress.

It is very time-consuming to rewrite site names when producing multiple sites. As a way of preventing this from happening, it is recommended to set up a system to call the name of the site by a shortcode. Write the...

Continue reading

Plant

Agave victoriae-reginae ‘Sasanoyuki’

1. Basic Information.1.1. Scientific name1.2. Family name1.3. Genus name1.4. Species name1.5. Country of origin1.6. Habitat1.7. Morphology1.8. Mature tree1.9. Cold hardy1.10. Heat tolerant1.11. Sunshine1.12. Flour color1.13. Flowering period Basic Information. Scientific name Agave victoria-regina Family name Asparagaceae Genus name Agave Species...

Continue reading

Code Web Without Plugin Wordpress

Small fonts on WordPress backend post pages!How to change font size.

Are the fonts on WordPress back-end post pages too small? In such cases, this is. If you write all this down, you can customise the font size and other aspects of the posting page (text) as you wish. Please add...

Continue reading

Code Web Without Plugin

The one you write in wp-config.php for now.

define( 'WP_DEBUG', false ); ini_set('display_errors','Off'); define('ALLOW_UNFILTERED_UPLOADS', true); define('WP_MEMORY_LIMIT', '100000000000000000000M'); define( 'WPMS_ON', true );

Continue reading

Plant

Copiapoa cinerea var. cinerea

Copiapoa cinerea is known as the ‘white cactus’ and is arguably the most popular cactus in Japan. Individuals with particularly white skin and pitch-black spines fetch high prices. 1. Synonym2. Origin3. Habitat4. Description5. Farming6. Way of increasing Synonym Below are...

Continue reading

Code Security Web Wordpress

How to hide information in php.ini.WordPress

Hiding php.ini information improves site security. You are encouraged to refer to this information to maintain your website. 1. Description in the ‘php.ini’ file.2. In “.htaccess” files. Description in the ‘php.ini’ file. display_errors = off In “.htaccess” files. <Files php.ini>...

Continue reading

Emigration Environment

The sinking of Japan is real! Tokyo, Chiba, Saitama and Ibaraki are mostly sinking (Chiba becoming an island). Sapporo, Sendai, Nagoya, Osaka, Okinawa, etc. are also expected to sink. Antarctic ice (fresh water) will melt due to warming and boiling. Emigrate and move capital cities as soon as possible.

The world is now moving past ‘warming’ and into ‘boiling’. It is said that if the freshwater Antarctic ice melts away, sea level would rise by about 60 metres (the height of a 20-storey building), and simulations show that most...

Continue reading

Leave a Reply

This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.