begin process at 2012 05 29 00:00:32
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Changer l'audio d'un lecteur html5 dans une iframe avec onClick

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Changer l'audio d'un lecteur html5 dans une iframe avec onClick

jeudi 8 septembre 2011 à 11:58:32 | Changer l'audio d'un lecteur html5 dans une iframe avec onClick

skullo
Bonjour a tous,

Apres plusieurs recherches sur le net je ne trouve toujours pas de solution a mon probleme. Du coup je me tourne vers le forum, si quelqu'un a une idee :)

J'ai un lecteur audio en html5 tout simple.
Au clic d'un lien texte le son initialement joue par ce lecteur est remplace par un nouveau (document.getElementById('ID').src='.ogg';").
Jusque la tout va bien. La ou ca se gatte c'est lorsque j'essaye d'integrer le player a une iframe. Le JS ne semble plus fonctionner des lors que j'ajoute la target vers l'iframe...

La version qui fonctionne:

Code Java :
<a href="javascript:;" onclick="document.getElementById('player').src='02.ogg';">Launch OGG 02</a></p>

<audio id="player" src="01.ogg" controls="controls" preload="auto" ></audio>


La version iFrame qui ne fonctionne pas:
Code Java :
<p><a target="player-frame" href="javascript:;" onclick="document.getElementById('player').src='02.ogg';">Launch OGG 02</a></p>

<audio id="player" src="01.ogg" controls="controls" preload="auto" ></audio>


Par avance merci :)
jeudi 8 septembre 2011 à 14:33:16 | Re : Changer l'audio d'un lecteur html5 dans une iframe avec onClick

kazma

Administrateur CodeS-SourceS
le chemin du fichier est il bon ?

sinon fait comme ceci ca marche et c'est plus propre

Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">

function mi(fichier){

document.getElementById('player').src=fichier
document.getElementById('player').play()
}
</script>
</head>
<body>
<br><br>


<span style='cursor:pointer;color:blue' onclick="mi('02.ogg')">Launch OGG 02</span>
<br>
<audio id="player" src="smile.ogg" controls="controls" preload="auto" ></audio>

</body>
</html>
dimanche 18 septembre 2011 à 06:52:23 | Re : Changer l'audio d'un lecteur html5 dans une iframe avec onClick

skullo
Slt Kazma,

Dsl pour la réponse tardive et merci de t'être penché sur mon cas. En effet le code est plus propre ainsi, merci :)

Quant à mon problème je ne comprends pas pourquoi le JS ne fonctionne plus lorsque le fichier visé est dans une iframe grrr. J'aurais bien utilisé un callback pour recharger le contenu d'un div avec une navigation avec ancre mais ca va être un peu trop compliqué pour moi de l'adapter à mon actuel site (template wordpress). Du coup saurais-tu si il y a une methode pour forcer le changement de la source de ma balise audio via une iframe? J'ai tenté de chercher ca en ligne mais je n'ai rien trouvé de convainquant.

Encore merci,

/Skullo


Cette discussion est classée dans : code, iframe, lecteur, audio, html5

Répondre à ce message

Sujets en rapport avec ce message

problèm lecteur de video [ par quitues ] Bonjour a tous et bonnes fetes,g 1 problème avec le code d'un lecteur de video. Pour lire une video dans le lecteur, on clik sur une image mais sa fai Touche Entrée dans Formulaire [ par pingoo78 ] Bonjour,J'ai créé un formulaire avec 3 champs.Le premier demande la référence d'un produit et c'est un lecteur de code barre qui le rentre.La problème Redefinition de la methode close d'une iframe [ par lafeuil ] Bonjour,Est il possible de redéfinir la méthode window.close() d'une iframe ou même toute autre méthode.Voila du code pour illustrer mon idée :< un Anti popup pour une iframe [ par bou_ta_peur ] Bonjour à toutes et à tous. D'avance merci de l'attention que vous porterez à cette question. Je ne sais pas si c'est possible mais je voudrait savoir un code permettant d'afficher ce que j'ecoute sur un lecteur media [ par Tirebouchon ] Bonjour. Je suis débutant et malgrés de nombreux essai je n'arrive à rien du tout.Je cherche un code permettant d'afficher en ligne (exemple sur un bl LLancer un code javascript dans une iframe [ par vistah ] Salut,Je suis débutant et je voudrais savoir comment faire ceci :sur ma page il y a une iframe qui est en faite un site de vote, et le code javascript Comment écouter n'importe quelle musique de DEEZER avec son lecteur exportable sans modifier le code html à chaque fois ? [ par asx44 ] Bonjour à tous!!! j'ai un souci avec le lecteur exportable deezer.Je voudrai écouter n'importe quelle musique de deezer avec son lecteur exportable f mettre une iframe dans un tableau (une cellule) [ par adris ] Bonjour, je suis entrain de réaliser un éditeur WYSIWYG. [u]Pour IE :[/u] j'écris le texte dans la balise div et j'arrive à la mettre dans le tableau Vérifier longueur d'href d'une iframe [ par arbilus ] Bonjours, j'aurais aimer savoir comment faire pour vérifier la longueur de l'url courant d'une iframe . Voila ce que j'ai fait : [code=js] </ifram Transfère de variables dans une iframe [ par sploutch ] Bonjour,Ma spécialité est plutôt le PHP et MySQL et je me met maintenant au JavaScript !J'ai un petit problème avec une iframe et des transfères de va


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)