Lecteur Youtube invisible à lancement automatique

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Lecteur Youtube invisible à lancement automatique

ciol59

Bonjour,
Je dispose d'une vidéo youtube, celle-ci : https://www.youtube.com/watch?v=Wz0GgcVdHR0
Ce que je souhaiterais, c'est faire en sorte d'intégrer cette vidéo dans une réponse d'un forum, et donc, que la vidéo se lance automatiquement et en boucle lorsque le sujet est ouvert. Je souhaiterais également que le lecteur soit invisible et qu'on en voit les boutons.
Je sais que les musiques de fond sont désagréables, le plus souvent. Là, l'intérêt est justement de rendre ça un peu désagréable, mais pas trop. Il s'agit d'intégrer cette musique dans la réponse à un forum RPG.
Pour éviter que ce soit trop dérangeant, cependant, je souhaiterais qu'en cliquant sur une partie du texte, on puisse mettre la musique en pause.
Imaginons donc qu'en cliquant sur ce texte, la musique se mette en pause :
"Quoi ? T'aimes pas la musique ? Bah, alors pourquoi tu ne cliques pas sur cette phrase ?"
Mais lorsque l'on clique sur cette phrase, une autre apparaît à la place en disant :
"Mais non ! Pourquoi tu as arrêté la musique ?"

Je ne sais pas s'il est possible de faire ça avec le texte, mais, au pire, je peux utiliser des images du texte.

J'ai fait des recherches intensives auparavant sur Google en tapant "Lecteur Youtube invisible" ou caché, ou masqué, pas de résultat convenable, du coup, je me tourne vers vous en espérant que vous pourrez m'aider...

Publicité

CooKKarachA

Tu devrais prendre un problème après l'autre.
A ta place je ferais ces recherches que je combinerait.
- vidéo qui se lance automatiquemen
- vidéo qui tourne en boucle
- bouton invisible

Etc...

Mais sinon je pense qu un sliders peut faire tout ça ou presque après ça s intégré pas dans un forum.

Bon je suis pas expert je dis peut être que de la merde....

Message édité par CooKKarachA le 27-02-2015 à 20:18:32

ciol59

Ben, une vidéo qui se lance automatiquement, j'ai trouvé, une vidéo qui tourne en boucle, j'ai trouvé aussi ^^
Il me faut uniquement le bouton de commande à insérer dans un texte qui change lorsqu'on clique dessus ^^
Je disais ça, c'était pour situer le contexte et expliquer mon projet, maintenant, tu as raison, j'aurais dû préciser ce que je savais déjà faire ^^

CooKKarachA

http://openclassrooms.com/forum/su [...] lick-93221

un truc du genre ?

ciol59

Non, pas exactement cook, ça serait plus du genre une texte qui dit :
"Ouais, si tu veux pas écouter la musique, cliques ici"
Et si on clique sur ce texte-là, le texte change et affiche "Hey ! T'as cliqué !" Ou un truc du genre...
C'est un bouton dissimulé dans du texte qui changerait ce même texte et qui mettrait la vidéo en pause/lecture par la même occasion.

CooKKarachA

J ai pas les connaisances pour.
Mais j' essaye de donner des pistes.
Ton bouton correspond a un lien cliquable après a part changer la couleur, je ne pense pas que tu puisse changer le texte.
Par contre, comme solution possible serai une image du texte qui change lorsque l on clique.
Après faut voir si tu peux y insérer un bouton.

Le truc possible mais c pas vraiment ce que tu veux:
Un sliders avec 2video, une en marche et une en pause et sur chaque vidéo le texte que tu veux ( mettre un sous titre permanent).

C es de la bidouille, mais c'est mieux que rien !!!

Message édité par CooKKarachA le 02-03-2015 à 14:24:22

ciol59

Je n'ai pas très bien compris ce que tu proposes cook ^^

The_Grim

Tu peux essayer ceci comme javascript avec les id "testonclick" de ton texte et "audioplayer" pour ton player

document.getElementById("testonclick" ).onclick=function(){
if (document.getElementById("testonclick" ).innerHTML=='play'){

document.getElementById("testonclick" ).innerHTML='stop';
document.getElementById("audioplayer" ).pause();
}

else{
document.getElementById("testonclick" ).innerHTML='play';
document.getElementById("audioplayer" ).play();
}
}

Cordialement

CooKKarachA

merci the_Grim

faut vraiment que j’apprenne les bases du javascript
j'aurais l'air moins c**

ciol59

Merci The Grim pour le coup de pouce, du coup, j'ai tenté de faire ça avec le peu de connaissances que j'ai sur le Javascript, et du coup, forcément, ça ne marche pas ^^
Pouvez-vous me dire ce qui ne va pas avec mon code ?

Code :

<script type="text/javascript">document.getElementById("testonclick" ).onclick=function(){
if (document.getElementById("testonclick" ).innerHTML=='play'){
document.getElementById("testonclick" ).innerHTML='stop';
document.getElementById("audioplayer" ).pause();
}
else{
document.getElementById("testonclick" ).innerHTML='play';
document.getElementById("audioplayer" ).play();
}
} </script>
<audio src="audioplayer" controls>
<embed
src="http://dl.free.fr/jy2PIfxAi"
width="180"
height="90"
loop="true"
autostart="true" />
</audio>
<div id="testonclick">
<script language="javascript">
function changeText(idElement) {
var element = document.getElementById('element' + idElement);
if (idElement === 1 || idElement === 2) {
if (element.innerHTML === 'Blabla') element.innerHTML = 'Bloblo';
else {
element.innerHTML = 'Blabla';
}
}
}
</script>
<a id="element1" onClick="javascript:changeText(1)">Blabla</a></div>

Publicité

The_Grim

Bon je n'ai pas de solution parfaite mais concernant l'intégration de mon code y a plusieurs choses à revoir.

Tout d'abord tu as mis src="audioplayer" ça ne va pas il faut que ce soit id="audioplayer"

Ensuite la partie concernant la source audio est peu claire, la balise audio est déjà un embed spécialisé alors rajouté un embed à l'intérieur ça me parait bizarre (note: je ne connais pas bien l'utilisation de embed), ton lien pour ta source est un lien de téléchargement pas un lien direct vers ton fichier donc ça a peu de chance de marcher.

Enfin tu as un script pour changer ton texte qui semble un peu complexe, mon script aurait suffit si tu avais mis l'id "testonclick" dans ta balise <a> et avec Blabla correspondant à ma condition
ex : (document.getElementById("testonclick" ).innerHTML=='Blabla').

Cordialement

ciol59

Je n'ai pas réussi à trouver quoi que ce soit pour héberger mon fichier audio avec un lien direct...

Après, j'ai remplacé l'id de la balise a, mais je ne vois pas à quel niveau intégrer la nouvelle condition pour que le texte fonctionne...
Du coup, voilà ce que ça donne :

Code :

<script type="text/javascript">document.getElementById("testonclick" ).onclick=function(){
if (document.getElementById("testonclick" ).innerHTML=='play'){
document.getElementById("testonclick" ).innerHTML='stop';
document.getElementById("audioplayer" ).pause();
}
else{
document.getElementById("testonclick" ).innerHTML='play';
document.getElementById("audioplayer" ).play();
}
} </script>
<audio id="audioplayer" controls>
<embed
src="http://dl.free.fr/jy2PIfxAi"
width="180"
height="90"
loop="true"
autostart="true" />
</audio>
<div id="testonclick">
<script language="javascript">
function changeText(idElement) {
var element = document.getElementById('element' + idElement);
if (idElement === 1 || idElement === 2) {
if (element.innerHTML === 'Blabla') element.innerHTML = 'Bloblo';
else {
element.innerHTML = 'Blabla';
}
}
}
</script>
<a id="testonclick" onClick="javascript:changeText(1)">Blabla</a></div>

Message édité par ciol59 le 04-03-2015 à 21:00:07

kranack

Cadeau :

Citation :

<audio id="player" autoplay>
<source src="http://kranack.ovh/uploads/song/FortBoyard.mp3" type="audio/mp3" />
</audio>
<div>
<a id="clickThisText" onClick="javascript:stopAudio(this)">Blabla</a></div>
<script language="javascript">
function stopAudio(element) {
if (element.innerHTML === 'Blabla') {
element.innerHTML = 'Bloblo';
console.log('pause');
document.getElementById("player" ).pause();
}
else {
element.innerHTML = 'Blabla';
console.log('play');
document.getElementById("player" ).play();
}
}
</script>

FORUM HardWare.fr

Programmation

HTML/CSS

Lecteur Youtube invisible à lancement automatique

Sujets relatifs
Créer une extension avec des actions automatique	Erreur mapping lecteur reseau
Trouver le numéro d'un lecteur à partir de sa lettre	Boutique prestashop invisible et remplacée par page blanche
Bouton réponse automatique d'email sur powerpoint	Lancement au démarrage
Lancement d'un script shell + fermeture de session	Accéder au lecteur de carte micro SD Smart Device
probleme de lancement du script	Lecteur de carte
Plus de sujets relatifs à : Lecteur Youtube invisible à lancement automatique

Page générée en 0.059 secondes