Créer un compte
Connexion

Compteur de visiteurs sans inscriptionBoutons de navigationGénérateur d'Emails Anti-Spam (Javascript)Compresseur de Code JavascriptCompteur de visites sans inscriptionCompteur Global gratuit sans inscriptionCompteur de pages vues sans inscriptionBarres de navigationBoutons de partage bookmarkBoutons de partage RSS
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > script unique de partage des vidéos sur plusieurs plateforme

script unique de partage des vidéos sur plusieurs plateforme

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
mcisse
22/09/2010 à 17:44:03
mcisse
Membre
 Bonjour,

je voudrais faire un script qui doit être multiplateforme :
Sur mobile on doit renvoyer un image/lien vers une vidéo,
Sur ipad on doit renvoyer un player html5
Sur les autres plateformes on doit renvoyer le player flash .

merci de votre aide
Spitfire 95
22/09/2010 à 20:10:04
Spitfire 95
Membre
Quote
Sur ipad on doit renvoyer un player html5
Pourquoi sur l'iPad ? Mieux vaut laisser l'utilisateur choisir un autre choix que celui proposé par défaut. J'en ai marre des sites en Flash ! Un site de vidéo propose la version bêta en HTML5 en remplacement de Flash, et ça marche quand même beaucoup mieux.
Je ne sais pas comment faire ton script (ou pas entièrement du moins), mais propose un affichage par défaut en fonction du navigateur et de la plate-forme plutôt que de forcer la version du site. Comme ça, ceux qui ont un navigateur récent (Chrome 7 beta par exemple, et les précédentes aussi je pense (disponible pour Linux), Safari...) pourront en profiter sans avoir à subir les instabilités et les plantages du flashplugin.so. (quand je parle de navigateur récent, j'exclu Firefox, car un navigateur web qui ne comprend pas le CSS3 si on le force pas, je n'appelle pas ça un navigateur récent. Quand à IE...).

Cordialement.
mcisse
24/09/2010 à 17:22:56
mcisse
Membre
 oui mais ça répond pas à ma demande, mis à part tes remarques est ce que tu as une idéé de la manière dont ce script peut s'écrire?

Cordialement.
Spitfire 95
24/09/2010 à 20:46:05
Spitfire 95
Membre
 Je pense que les langages a utiliser sont PHP pour récupérer les données nécessaires, et JavaScript pour les afficher.
navigator.appName te donnera soit Microsoft Internet Explorer, soit NetScape, il n'est donc pas adapté pour ce script, et c'était la seule solution que j'avais envisagé.

Après quelques recherches sur internet (que tu aurais pu faire), je suis tombé la dessus : http://www.commentcamarche.net/forum/affich-1662444-php-reconnaitre-le-navigateur
Mais la solution ne me semble pas très adaptée.

Je pense qu'Ybouane a la solution :
Image
http://www.supportduweb.com/infos-detecter-recuperer-visiteurs-host-adresse-ip-os-systeme-exploitation-navigateur.html
Il faudrait récupérer les codes des lignes OS (pour savoir si c'est un PC/Mac/Linux... ou un iPad) et Navigateur pour savoir si le HTML5 est géré.
Ensuite, grâce au tuto sur les cookies (bouton "Scripts/Tutoriaux de la barre d'outil de ce site), tu permet à tes visiteurs de choisir et de conserver leur choix de format tant que le cookie reste.
Mais est-ce que ce code pourra mettre Android ou Moblin au lieu de Linux, par exemple ?

Cordialement.
ybouane
25/09/2010 à 04:25:39
ybouane
Admin
 Bonjour,
tu peux utiliser ce code:
<video width="720" height="405" preload controls>
    <source src="video.mp4" />
    <div style="display:inline-block;">
        <script type="text/javascript" src="http://www.supportduweb.com/page/js/flashobject.js"></script>
        <div id="lecteur_63143" style="display:inline-block;">
            <a href="video.mp4">Télécharger la vidéo au format MP4</a>
        </div>
        <script type="text/javascript">
        //<!--
           var flashvars_63143 = {};
           var params_63143 = {
                   quality: "high",
                   bgcolor: "#000000",
                   allowScriptAccess: "always",
                   allowFullScreen: "true",
                   wmode: "transparent",
                   flashvars: "fichier=video.mp4"
               };
           var attributes_63143 = {};
           flashObject("http://flash.supportduweb.com/lecteur_flv/v1_16.swf", "lecteur_63143", "720", "405", "8", false, flashvars_63143, params_63143, attributes_63143);
       //-->
        </script>
    </div>
</video>
 
Le fonctionnement est simple, si le navigateur supporte le html 5 et les vidéos mp4, alors il vas afficher la vidéo en utilisant l'html5.
Sinon, le navigateur essayera d'afficher un lecteur flash pour afficher la vidéo. Si le navigateur ne supporte pas flash alors il affichera un lien pour télécharger la vidéo au format mp4.

Pour faire fonctionner le script ci-dessus, tu devras modifier l'url de la vidéo(video.mp4) dans les lignes 2, 6 et 17.

Cordialement :)
Image
Pages: 1