Répéter un vidéo youtube en javascript à l'aide d'un marque-page

Commenter

Contenu du snippet

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 / Exemple : 


<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.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (jdmcreator)