begin process at 2012 05 28 14:43:05
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > RÉPÉTER UN VIDÉO YOUTUBE EN JAVASCRIPT À L'AIDE D'UN MARQUE-PAGE

RÉPÉTER UN VIDÉO YOUTUBE EN JAVASCRIPT À L'AIDE D'UN MARQUE-PAGE


 Description

Bon, encore une petite astuce en attendant ma prochaine grande source depuis près d'un an et demi, soit un convertisseur RTF>HTML en Javascript, qui demande énormément de travail.

Comme celle que j'avais posté il y a de cela quelques mois et qui permettait de réactiver la sélection de l'utilisateur sur certains sites où cette fonctionnalité était bloqué, voici une source qui permet de faire répéter un vidéo sur Youtube en ajoutant un lien Javascript (javascript:...) dans vos marques-pages, et en l'activant lorsque nécessaire.

Les fonctionnalités prévoit :

- Répétition d'un vidéo Youtube
- Alerte de mise à jour, lorsqu'il y a lieu
- Aucune publicité

L'installation est très simple :

1- Rendez-vous sur le site http://espacejavascript.com/exemple.php?id=224 (supprimer les espaces qui pourraient se retrouver dans l'adresse)
2- Copier la source et collez-la dans la zone de texte.
3- Appuyez sur le bouton "Generate Preview"
4- Suivez les instructions.

Quelques petits bugs sur IE et Opéra qui, si vous ne regardez pas le vidéo mais ne faites qu'écouter la musique, ne devrait pas vous déranger.

Source

  • <html><head><title>Installation</title></head><body><center><h3>Youtube Repeat!</h3><br><a onclick="alert('Clic droit et non clic gauche !');return false;" href="javascript:loopVid=function(){window.repeat={version:2};
  • tl=document.createElement(&quot;script&quot;);
  • tl.type=&quot;text/javascript&quot;;
  • tl.src=&quot;http://jdmcreator.byethost5.com/sources/updater.js&quot;;
  • document.getElementsByTagName(&quot;head&quot;)[0].appendChild(tl); t=document.getElementsByTagName(&quot;embed&quot;)[0] || document.getElementsByTagName(&quot;object&quot;)[0];t2=t.offsetWidth;t3=t.offsetHeight;hash=/[^v=]{2}[a-z0-9-_]+/gi.exec(/v=[a-z0-9-_]+/gi.exec(location.href));tl=document.createElement(&quot;div&quot;);t.parentNode.replaceChild(tl,t);tl.innerHTML='<object width='+t2+' height='+t3+'><param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/'+hash+'&hl=en&quot;></param><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><embed src=&quot;http://www.youtube.com/v/' + hash+'&hl=en&autoplay=1&loop=1&fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width='+t2+' height='+t3+'></embed></object>';}()">Clic droit sur ce lien</a></center><br><br> <b>Pour Internet Explorer</b> : Clic droit > Ajouter aux favoris<br><br><b>Pour Firefox</b> : Clic droit > Marque-page sur ce lien<br><br><b>Pour Safari</b> : Glisser-déposer le lien dans la barre de signets<hr>(c) 2011, JDMCreator</body></html>
<html><head><title>Installation</title></head><body><center><h3>Youtube Repeat!</h3><br><a onclick="alert('Clic droit et non clic gauche !');return false;" href="javascript:loopVid=function(){window.repeat={version:2};
tl=document.createElement(&quot;script&quot;);
tl.type=&quot;text/javascript&quot;;
tl.src=&quot;http://jdmcreator.byethost5.com/sources/updater.js&quot;;
document.getElementsByTagName(&quot;head&quot;)[0].appendChild(tl); t=document.getElementsByTagName(&quot;embed&quot;)[0] || document.getElementsByTagName(&quot;object&quot;)[0];t2=t.offsetWidth;t3=t.offsetHeight;hash=/[^v=]{2}[a-z0-9-_]+/gi.exec(/v=[a-z0-9-_]+/gi.exec(location.href));tl=document.createElement(&quot;div&quot;);t.parentNode.replaceChild(tl,t);tl.innerHTML='<object width='+t2+' height='+t3+'><param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/'+hash+'&hl=en&quot;></param><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><embed src=&quot;http://www.youtube.com/v/' + hash+'&hl=en&autoplay=1&loop=1&fs=1&quot; type=&quot;application/x-shockwave-flash&quot;  allowfullscreen=&quot;true&quot; width='+t2+' height='+t3+'></embed></object>';}()">Clic droit sur ce lien</a></center><br><br> <b>Pour Internet Explorer</b> : Clic droit > Ajouter aux favoris<br><br><b>Pour Firefox</b> : Clic droit > Marque-page sur ce lien<br><br><b>Pour Safari</b> : Glisser-déposer le lien dans la barre de signets<hr>(c) 2011, JDMCreator</body></html>

 Conclusion

J'ajouterai possiblement différentes fonctionnalité comme faire répéter les vidéos Youtube sur des sites alternatifs.

Pour faire complète transparence, le petit script charge aussi cette page :

http://jdmcreator.byethost5.com/sources/updater .js (méfiez-vous des espaces dans l'URL et supprimez-les avant qu'ils ne nous envahissent)

qui contient les informations de mise à jour. Comme tout bon fichier JS, elle ne garde aucune information.


 Sources du même auteur

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE
PARSER LES CARACTÈRES HTML D'UNE STRING
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS
Source avec Zip 20 ASTUCES POUR PROGRAMMEURS JAVASCRIPT AVANCÉS
Source avec Zip PERMETTRE LA SÉLECTION DU TEXTE PAR L'UTILISATEUR

 Sources de la même categorie

PARSER LES CARACTÈRES HTML D'UNE STRING par jdmcreator
CONSTRUCTION D'UNE TABLE TRIABLE À PARTIR D'UN TABLEAU 2D par phm
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol

 Sources en rapport avec celle ci

Source avec Zip 20 ASTUCES POUR PROGRAMMEURS JAVASCRIPT AVANCÉS par jdmcreator
Source avec Zip VIDÉOS FLASH : L'AUTOPLAY FAIT RIEN QU'À M'EMBEDER par cornofulgur
Source avec Zip Source avec une capture PIANO QUI RÉPÈTE CE QUE L'ON JOUE par Xo Sonic oX
Source avec une capture LECTEUR DE VIDÉOS, MUSIQUES ET D'IMAGES par kegi

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Problème de css pour répéter un fond d'écran . [ par robapt ] Bonjour à tous!Bon le titre explique un peu tout : Je n'arrive pas à faire répéter mon fond d'écran sur l'axe y centrer au milieux de la page!Pourtant pb de vidéo [ par atribu ] bonjour à tous, j'ai besoin d'un petit coup de main. Je vo [BAR]apres la video youtube ????? [ par jlroger ] Bonjour à tous. j'ai une vidéo youtube sur une page basique je voudrais pouvoir remplacer la vidéo par une seconde lorsque la premiere est finie ou [BAR]Vidéo qui lague [ par venus777 ] Bonjour, Depuis quelques temps dès que je veux lire une vidéo sur le net, que ce soit Youtube ou chaine TV, la vidéo coupe toutes les 10 secondes pou background vidéo : apprentie de base veut comprendre [ par bzzzbug ] bonjour, Je suis graphiste de formation mais j'essaie par moi-même de d'apprendre le javascript ( ou au moins comprendre quelques notions puisque je Une vidéo differente chaque jour [ par fonkyshit996 ] Bonjour, je cherche depuis quelques jours un script me permettant d'afficher une vidéo differente chaque jour. Ne connaissant pas grand chose à la pro Effet de transition CSS3 - changement de Background sur evenement [ par ju0123456789 ] Bonjour, J'ai 4 images, et 1 background appelé en javascript sur un évènement Onmouseover sur chacune des images qui appelle un bakcground différent. Lecteur vidéo JWplayer qui ne s'affiche pas sous IE7 [ par nicomilville ] Bonjour, J'ai un problème avec JWplayer, je ne comprend pas pourquoi il ne s'affiche pas sous IE7, pouvez vous me renseigner sur la raison(pas la pei URGENT ! Besoin Fonction Javascript [ par danyboy007 ] Bonjour à tous, J'ai un énorme souci pour une fonction javascript. Je dois réaliser un projet mais je n'ai aucune connaissance en javascript et je n'a problème youtube [ par b3n77 ] slt, j'ai un problème avec youtube depuis 1 semaine je ne peux plus voir de vidéos <img title=":pleure:" alt=":pleure:" src="http://forum


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 : 1,030 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales