Code pour vider le cache

Bonjour,

J'ai un souci sur la version mobile de mon site. La page contenant des vidéos "youtube" n'affiche pas le lien "youtube". Il y a un problème de mémoire cache. Le message d'erreur suivant est affiché:

ERR_CACHE_MISS

Existe-t-il une balise html appropriée pour ne pas avoir cette erreur?

Cordialement.

mon code html est le suivant:

Code:

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
    <head>
       <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />
 
        <!--éviter le redimensionnement automatique de la mise en page, qui rend les contenus trop petits, de fixer la largeur du mobile et de pouvoir s’y adapter par la suite.-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--Cette instruction court-circuite le viewport par défaut, souvent bien trop large, et fournit une base commune plus proche de la réalité.-->
        <meta charset="utf-8" />
        <title>Site de Léana</title>                        <!--Titre principale de la page-->
        <link  rel="stylesheet" type="text/css" href="Style_Videos.css"><!--Lien vers le fichier de mise en page-->
    </head>
 
    <body>
 
        <!-- En tête du site -->
        <header>
 
        </header>
 
 
            <section>
                <article> 
                    <!--en tête du tableau-->
                    <thead><h1>Les vidéos de Nana</h1></thead>
                    <table>
                       <tfoot> <!-- Pied de tableau -->
                       </tfoot>
 
                       <tbody> <!-- Corps du tableau -->
                           <!--Première ligne-->
                           <tr>
                               <!--première cellule avec lien vers une viédo utube-->
                               <td>
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/wQP9XZc2Y_c" frameborder="5" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                               </td>
 
                           </tr>
                              <td>  
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/u5Ho1trvlro" frameborder="5" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                              </td>
 
                           <tr>
 
                       </tbody>
                    </table>
 
                </article>
 
                <aside>
 
                </aside>
            </section>
 
        <footer>
 
 
        </footer>
 
    </body>
 
</html>

et mon code css est le suivant:

Code:

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
/* Définition d'une nouvelle police nommée CAC Champagne */
	@font-face 
	{ 
	    font-family: 'cac_champagneregular';
	    src: url('cac_champagne-webfont.eot');
	    src: url('cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
	         url('cac_champagne-webfont.woff') format('woff'),
	         url('cac_champagne-webfont.ttf') format('truetype'),
	         url('cac_champagne-webfont.svg#cac_champagneregular') format('svg');
	}
 
	/* Utilisation de la police qu'on vient de définir sur les titres */
	h1,h3
	{
	    font-family: 'cac_champagneregular', Arial, serif;  /*type de police utilisé*/
		text-decoration: underline overline;
		padding-bottom: 15px;
		font-size: 45px;
	}
 
 
 
/*affichage pour les appareils avec une forte résolution*/
@media all and (min-width: 1024px)
{
	.image
	{
		/*garde les prportions de l'image*/
		max-height:250px;
		max-width:250px;
	}
 
	h1
	{
		text-align:center;
	}
 
	body
	{
		width: auto;
	}
 
	table
	{
    	/*Bordure du tableau entier*/
    	border-collapse: collapse;
    	/*Marges extérieures automatique*/
		margin: auto;
	}
 
	td 
	{
   		 /* Bordure rose avec un effet 3D extérieur de 5 pixels d'épaisseur sur les td */
   		 border: 7px outset orange;
	}
}
 
/*affichage pour les appareils avec une faible résolution*/
@media  all and (max-width: 1024px)
{
	.image
	{
		/*garde les proportions de l'image*/
		max-height:150px;
		max-width:150px;
	}
 
	table,h1
	{
    	/*Bordure sur 50% du tableau*/
    	border-collapse: separate;
    	/*Marges extèrieures automatique*/
		margin: left;
	}
 
	td
	{
   		 /* Bordure grise avec un effet 3D intérieur de 5 pixels d'épaisseur sur les td */
   		 border: 5px inset yellow;
   		 /*Mise à gauche des éléments du tableau*/
   		 text-align: left;
	}
 
}

j'ai testé avec la visionneuse de mon smartphone. Peut-être que la mémoire cache est limitée avec celle-ci.

En local, j'ai vu qu'on pouvait lire le fichier avec un navigateur tel que chrome ou autre mais ce n'est pas évident.

Je vais donc finir de faire mon site sur pc. Je vais ensuite l'uploader chez un hébergeur gratuit. Ensuite je pourrais le tester facilement sur mon smartphone. Enfin, je pourrais voir les problèmes de mise en page et autre qui pourraient survenir.

quel navigateur utilisez-vous pour regarder la version mobile ?

Le navigateur internet de Samsung et chrome.
Mais ça fonctionne maintenant.
Le problème venait de la visionneuse html. J'ai mis mon site sur Internet et je peux y accéder facilement avec n'importe quel navigateur.