:-y

Petite astuce pour Youtube et les vidéos avec HTML5

jeudi 04 octobre 2012 - 18:12

Edit (04/01/13) : Un autre bookmarklet plus simple et complet sur http://tontof.net/?1357321392

J'adore les pages où l'on peut trouver plein de liens, codes, snippets et autres joyeusetés pratiques. Je suis tombé récemment sur la page Mitsu'Wiki qui contient des choses intéressantes (oui il va vraiment falloir que je me mette aux autoblogs) et une petite astuce pour accéder aux vidéos youtube en html5.

Le principal problème de cette astuce est qu'elle nécessite GreaseMonkey.

Je vous propose donc une petite alternative qui devrait être compatible avec tous les navigateurs grâce à un petit bookmarklet videoHTML5.

Le code est simple (désolé pour les balises php mais c'est pour la couleur):

<?php 
(function () {
    if (
window.location.href.indexOf('youtube') !== -&&
            
window.location.href.indexOf('html5') === -1) {
        
window.location.assign(window.location.href.replace('&v=''&html5=1&v=')
                                            .
replace('?v=''?html5=1&v='));
    } else {
        var 
videos document.getElementsByTagName('video');
        if (
videos.length 0) {
            
window.location.assign(videos[0].src);
        } else {
            
window.alert('No video found !');
        }
    }
}());
 
?>


Si vous êtes sous youtube mais qu'il n'y a pas html5 dans l'url, ce bookmarklet vous redirigera vers la vidéo en html5, sinon il vous redirigera vers l'url de la première vidéo (même si vous n'êtes pas sur youtube).

Il n'y a plus qu'à essayer :
- http://www.youtube.com/watch?v=Y_OzM2mE_uo
Le bookmarklet redirige sur la page :
- http://www.youtube.com/watch?html5=1&v=Y_OzM2mE_uo
Le bookmarklet redirige sur la vidéo :
- http://.......lscache2.c.youtube.com.........
Il ne reste plus qu'à faire clic droit enregistrer sous :-)

Sur une autre page que youtube :
- http://snapshot.opera.com/resources/BigBuckBunny.html
Le bookmarklet redirige sur la vidéo :
- http://snapshot.opera.com/resources/BigBuckBunny.ogv

Pratique, surtout qu'il semble de plus en plus difficile de récupérer les vidéos directement de youtube.

Comments

1 - @ - sebsauvage

Excellent, merci !

2 - @ - Bronco

Ha oui, en effet, c'est très intéressant ça ! Merci !

3 - @ - muchos

J'ai eu un peu de mal à comprendre comment on l'utilise, donc je détaille :
1. Clic droit sur le lien du bookmark videoHTML5
2. Clic sur Bookmark this link.
3. Lancer le bookmark lorsqu'on est sur la page de la vidéo.

Merci pour ce bout de code qui va changer mon Youtube !
ps: JANE LUI JE T'AIME ! *_*
pps: ASCII-art capcha oO

4 - @ - Tontof

C'est vrai que je n'ai pas précisé comment ajouter un bookmarklet, merci de la précision :-)

5 - @ - qwerty

Merci pour l'astuce ;). Bonne continuation !

6 - @ - Alligator427

Merci a toi ,c 'est bien pratique franchement .Bonne route a toi.

7 - @ - Anonymous

excuser la question d'un ignard, mais il faut en faire quoi du code??

8 - @ - Tontof

Il ne faut pas faire grand chose du code, il faut ajouter le lien videoHTML5 dans tes favoris et cliquer dessus quand tu es sur une page youtube comme l'a expliqué muchos.

9 - @ - Barbarian Rhapsody

Salut, merci pour l'astuce mais hélas, je n'ai pas la possibilité "d'enregistrer sous". J'ai bien enregistré le lien videoHTML5 dans les favoris, une fois sur une vidéo Youtube, je clique sur le lien qui me redirige comme il faut mais pas d' "enregistrer sous" disponible par clic droit après ça.
Ceci dit, avec DownloadHelper, pas de vidéo détectée avant mais une fois cliqué sur le lien videoHTML5, la vidéo est détectée et téléchargeable.
Donc cool quand-même ^^
Merci !
New comment







____  __             __  
   / /  \ |  | |  | /  \ 
 _/  \__/ |__| \__/ |__| 
   \   /  |  |    | |  | 
___/  /   |  | \__/ |  |