Inclure une video mp4 erreur plugin

**irimi54** · 07/01/2019, 13h02

bonjour,

je voudrais inclure une video en mp4 dans une page HTML. J'ai telechargé le plug-in VLC dans chrome mais quand je lance chrome sur ma page il me dit que le plug-in est incompatible .

pourquoi?

**Sodium** · 07/01/2019, 14h06

Quel est ton code ?
Pourquoi vouloir utiliser un plugin plutôt que la balise video native HTML5 ?

**irimi54** · 07/01/2019, 18h55

bonsoir,
merci pour ta réponse.
J'utilise "microsoft Expression web 4" pour faire mon site mais je ne pense pas qu'il utilise HTML5.
C'est pour cela que j'ai envisagé de passer par les plug-in.

**Sodium** · 07/01/2019, 19h07

Et tu penses vraiment qu'un soft qui n'a plus été mis à jour depuis 2012 et ne respecte pas les standards actuels est le meilleur moyen de se lancer dans le web ?

**irimi54** · 07/01/2019, 19h56

non je suis d'accord avec toi mais mon site existe depuis 10 ans. Je l'ai commencé avec frontpage et ai migré avec l'arrivée d'Expression web. Mais maintenant je voudrais y mettre quelques animation réalisée en mp4 et là j'ai un pb

mais si tu as un logiciel plus performant et plus récent je suis preneur

**irimi54** · 07/01/2019, 19h59

plus haut tu me parle de la balise video native . comment l'utiliser?

**ProgElecT** · 07/01/2019, 20h35

Salut
Un exemple pour les balises video , penser a modifier la source ligne 52

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html>
<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style>
* {
    box-sizing: border-box;
}
 
body {
    margin: 0;
    font-family: Arial;
    font-size: 17px;
}
 
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}
 
.content {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}
 
#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}
 
#myBtn:hover {
    background: #ddd;
    color: black;
}
</style>
</head>
<body>
 
<video autoplay loop id="myVideo">
  <source src="00024.mp4" type="video/mp4">
  Votre navigateur ne supporte pas la vidéo HTML5.
</video>
 
<div class="content">
  <h1>Titre</h1>
  <p>Mes premiers essais d'un lecteur vidéo en javascript.</p>
  <button id="myBtn" onclick="myFunction()">Pause</button>
</div>
 
<script>
var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
 
function myFunction() {
  if (video.paused) {
    video.play();
    btn.innerHTML = "Pause";
  } else {
    video.pause();
    btn.innerHTML = "Play";
  }
}
</script>
 
</body>
</html>

**irimi54** · 08/01/2019, 10h46

ca marche mais j'ai galéré un peu (beaucoup) pour mettre ma vidéo dans un cellule d'un tableau.
Il me reste à rendre la cellule en taille flottante en fonction de la taille de la fenêtre du navigateur.

Autre question : peux t on se dispenser du bouton "pause" et que la vidéo démarre automatiquement à l'ouverture de la page.

merci beaucoup

Inclure une video mp4 erreur plugin

HTML

Discussions similaires

Partager

Partager