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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 4 844 fois - Téléchargée 16 fois

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

Ajouter un commentaire

Commentaires

Signaler
cirkooo
Messages postés
35
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
26 décembre 2012
 -
Merci, jdmcreator,
avec firefox 17.0.1 en cliquant sur le marque-pages la vidéo de youtube
recharge et divise sa hauteur par 2, mais pas de repeat.
J'ai essayé de comprendre le code, wouah, compliqué, en plus le mécanisme du marque page vient encore troubler les choses.
Mais cette fonction est intéressante pour les fanas de musique par ex, et me viens une idée... savez vous si l'on peut coder en javascript une répétition entre deux points cliquables d'une video in line? Répéter seulement le refrain en cliquant un point A puis un point B pour un repeat infini. Les playeurs windows, vlc, kmplayer, gom le permette mais seulement en lisant une vidéo de notre ordi, pas en ligne.
Des sites "youtubeloop; endless; infinityloop"le propose mais un iframe est obligatoite pour l'insérer sur une page html, si cela se trouve c'est réalisable en javascript, coté navigateur?
Cirkooo.
Signaler
cirkooo
Messages postés
35
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
26 décembre 2012
 -
bonjour,
On copie le code "source", puis on va le coller à gauche dans la page :http://espacejavascript.com/exemple.php?id=224
puis preview, puis clique droit marque pages et après? comment faire repeat again youtbe video?
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)