Video dans page web

Version imprimable

Video dans page web

Bonjour.

Je me permets de poster car je me pose une petite question.
J'ai un site web qui tourne avec HTML, PHP, et CSS.

Celui-ci contient un ensemble de vidéos.
Le débit réseau du serveur web n'étant pas exceptionnel, le chargement d'une page qui contient plusieurs vidéos prends du temps.
Du coup, je me disais qu'il pourrait être sympa d'avoir une image sur laquelle on clique et qui ouvrirait une nouvelle (ou un nouvel onglet), avec la vidéo qu se déclenche automatiquement.

Comme j'ai beaucoup de vidéos, je ne me vois pas créer une page html pour chaque vidéo.
J'ai donc penser à utiliser les fichiers avec les codes qui suivent, mais pour le moment ça ne marche pas. Je suis ouvert à vos conseils sur les différentes techniques qui existent et ce qu'il est possible de faire pour parvenir à mes fins.

De mon côté, le code mis en place est le suivant :
Fichier "FonctionVideoPageUnique.php"
Code:

1 2 3 4 5 6 7 8 9 <?php function VideoPageUnique($CheminImageVideo, $CheminVideo) { <a target="_Blank" href="VideoPageUnique.php?CheminImageVideo&ampCheminVideo">; <img id="ImageLienVideo" src=$CheminImageVideo > </img>; </a>; }; ?>
Page php qui contenait les videos
Code:

1 2 3 4 <?php include ("FonctionVideoPageUnique.php"); VideoPageUnique("../videos/ImageVideo1.jpg", "../videos/NomVideo1.mp4) ?>
Qu'en pensez-vous ?

Tu as oublié de mettre un echo et les variables :

Code:

1
2
3
4
5
6
function VideoPageUnique($CheminImageVideo, $CheminVideo)
	{
		echo '<a target="_Blank" href="VideoPageUnique.php?' . $CheminImageVideo . '&' . $CheminVideo . '">
			<img id="ImageLienVideo" src="' . $CheminImageVideo . '"/>
		</a>';
	};

Suite

Super !

Ça marche mieux maintenant.
Il me reste cependant un petit souci.
La page unique ne semble pas récupérer et lancer la vidéo.
Je ne sais pas si elle a correctement récupéré la variable.
Je pense que j'ai du faire une erreur à ce niveau.

Voici le code de ma page qui est censée récupérer la vidéo :
Fichier VideoPageUnique.php
Code:

1 2 3 4 5 6 7 8 <div id="contenu_central"> <h2>Bonjour</h2> <h3>Video sur page unique</h3> <video width="99%" height="50%" controls autoplay> <source src=$CheminVideo /> </video> </div>
Je pense que c'est tout bête mais je vois pas d'ou l'erreur provient. Auriez-vous une idée d'ou vient le problème ?

Il manque tout en fait

Code:

<source src="<?php echo $_GET['CheminVideo'] ?>" />

Code:

1
2
3
echo '<a target="_Blank" href="VideoPageUnique.php?CheminVideo=' . $CheminImageVideo . '&' . $CheminVideo . '">
			<img id="ImageLienVideo" src="' . $CheminImageVideo . '"/>
		</a>';

Bonjour,

il faudrait quand même apprendre les BASES du PHP... et du HTML !
(passage de variables dans l'URL et utilisation de $_GET, entre autres)

PHP : Le tutoriel pour grands débutants pressés

1/ La fonction
Code:

1 2 3 4 5 6 7 8 <?php function VideoPageUnique($CheminImageVideo, $CheminVideo) { echo ' <a target="_blank" href="VideoPageUnique.php?CheminVideo=' . urlencode($CheminVideo) . '"> <img class="ImageLienVideo" src="' . $CheminImageVideo . '"/> </a>'; }; ?>
J'ai aussi remplacé id="ImageLienVideo" par class="ImageLienVideo" (car un id doit être UNIQUE !)

N.B. Voir aussi :

urlencode()
urldecode()

2/ VideoPageUnique.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <?php // VideoPageUnique.php if( empty($_GET['CheminVideo']) ) { header('location:index.php'); // redirection si pas de video (nom de la page à adapter) exit; } // Sinon, récupération de la video $CheminVideo = urldecode($_GET['CheminVideo']); // affichage ?> <!doctype html> <html> <body> <div id="contenu_central"> <video width="99%" height="50%" controls autoplay> <source src="<?php echo $CheminVideo; ?>" /> </video> </div> </body> </html>

19/12/2016, 22h19
telvid

OK.

Grace a vos réponses j'ai pu avancer.
Ca parait tellement logique pour vous ces morceaux de code !
Je suis impressionné !
Merci beaucoup pour avoir pris le temps de répondre à mes questions. C'est super gentil !

Je passe le sujet en résolu.