Intégration de Windows Media Player pour tous les navigateurs

Nous utilisons WMV des vidéos sur un site interne, et nous sommes leur incorporation dans des sites web. Cela fonctionne très bien sur Internet Explorer, mais pas sur Firefox. J'ai trouvé des moyens pour le faire fonctionner sous Firefox, mais ensuite il s'arrête de fonctionner dans Internet Explorer.

Nous ne voulons pas utiliser Silverlight pour l'instant, surtout que l'on ne peut pas être sûr que tous les clients qui exécutent Windows XP avec Windows Media Player installé.

Est-il une sorte de Code Universel qui intègre WMP dans Internet Explorer et Firefox, ou devons-nous mettre en œuvre certaines user-agent de détection et de livrer les différents HTML pour les navigateurs différents?

Croix-navigateur solution qui fonctionne toujours... Comment diffuser de la musique ou audio provenant de votre site: nunzioweb.com/streaming_audio-example.htm

InformationsquelleAutor Michael Stum | 2008-08-01

45

La suivante fonctionne pour moi sous Firefox et Internet Explorer:
```
<object id="mediaplayer" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701" standby="loading microsoft windows media player components..." type="application/x-oleobject" width="320" height="310">
<param name="filename" value="./test.wmv">
     <param name="animationatstart" value="true">
     <param name="transparentatstart" value="true">
     <param name="autostart" value="true">
     <param name="showcontrols" value="true">
     <param name="ShowStatusBar" value="true">
     <param name="windowlessvideo" value="true">
     <embed src="./test.wmv" autostart="true" showcontrols="true" showstatusbar="1" bgcolor="white" width="320" height="310">
</object>
```
- Lorsque j'utilise cette méthode, je ne suis pas en mesure de contrôler le lecteur à l'aide de JavaScript. Par exemple, mediaplayer.les contrôles n'est pas défini. Est-il une manière de croix-navigateur qui permet aussi de cela?
- c'est parce que la object a la id mais la embed élément est en cours d'exécution. Vous seriez mieux de donner des éléments à la fois un "unique" de la classe, en sélectionnant à la fois, et filtrer celui qui est actif.
- L'esprit, que depuis la version 7.0, l'id de classe a été modifié pour 6BF52A52-394A-11d3-B153-00C04F79FAA6. Voir, par exemple, ici.
- Je recommande fortement ce lien à partir de Elizabeth Castro, que le code est beaucoup plus légère et ne nécessite pas un identificateur de classe. Aussi, le gars en dessous de moi effectivement recommandé de l'article premier.
- windowlessvideo ne fonctionne pas dans IE 10.
InformationsquelleAutor Grant
20

Puis-je suggérer la jQuery Media Plugin? Fournit le code d'intégration pour tous les types de vidéo, et pas seulement WMV et ne la détection du navigateur, en gardant tout ce qui malpropre switch/case déclarations de vos modèles.

InformationsquelleAutor Jake McGraw

Utilisation suivantes. Il fonctionne dans Firefox et Internet Explorer.

        <object id="MediaPlayer1" width="690" height="500" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
            codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
            standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject"
            >
            <param name="FileName" value='<%= GetSource() %>' />
            <param name="AutoStart" value="True" />
            <param name="DefaultFrame" value="mainFrame" />
            <param name="ShowStatusBar" value="0" />
            <param name="ShowPositionControls" value="0" />
            <param name="showcontrols" value="0" />
            <param name="ShowAudioControls" value="0" />
            <param name="ShowTracker" value="0" />
            <param name="EnablePositionControls" value="0" />


            <!-- BEGIN PLUG-IN HTML FOR FIREFOX-->
            <embed  type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
                src='<%= GetSource() %>' align="middle" width="600" height="500" defaultframe="rightFrame"
                 id="MediaPlayer2" />

Et en JavaScript,

    function playVideo() {
        try{
                if(-1 != navigator.userAgent.indexOf("MSIE"))
                {
                        var obj = document.getElementById("MediaPlayer1");
                            obj.Play();

                }
                else
                {
                            var player = document.getElementById("MediaPlayer2");
                            player.controls.play();

                }
             }  
        catch(error) {
            alert(error)
        } 


        }

InformationsquelleAutor

7

Elizabeth Castro a un article intéressant sur ce problème: Bye Bye Intégrer. Intéressant à lire sur la façon dont elle a attaqué ce problème, ainsi que de la gestion de contenu de QuickTime.

InformationsquelleAutor Jim Nelson
6

Vous pouvez utiliser les commentaires conditionnels pour obtenir IE et Firefox pour faire des choses différentes
```
<![if !IE]>
<p> Firefox only code</p>
<![endif]>


```
Les navigateurs eux-mêmes ignorent code qui n'est pas signifié pour eux de lire.

InformationsquelleAutor Grant
6

La meilleure façon de déployer la vidéo sur le web est à l'aide de Flash - c'est beaucoup plus facile à intégrer proprement dans une page web et lus sur plus ou moins de n'importe quel navigateur et plate-forme. La seule raison d'utiliser Windows Media Player si vous êtes à la diffusion de contenu et vous avez besoin extraordinairement puissant de gestion des droits numériques, et même alors, les fournisseurs sont maintenant de commencer à utiliser le Flash, même pour ces. Voir le iPlayer de la BBC pour un superbe exemple.

je voudrais vous suggérer de passer à Flash, même pour un usage interne. Vous ne savez jamais qui va avoir besoin d'y accéder dans le futur, et cela va vous donner le meilleur avenir possible compatibilité.

ÉDITION - Mars 20 2013.
Intéressant de voir comment ces vieilles questions refont surface de temps à autre! Combien le monde est aujourd'hui et comment datée tout cela semble. Je ne recommanderais pas un Flash seulement itinéraire d'aujourd'hui par tous les moyens - les meilleures pratiques de ces jours serait probablement d'utiliser le HTML 5 pour intégrer les vidéos encodées en H264, avec un Flash de secours comme décrit ici: http://diveintohtml5.info/video.html
- id dire que c'est un naïf commentaire iPlayer a, il est facile compated à d'autres produits en grande partie parce que leur "DRM" est simplement un cas de travail où quelqu'un est par GeoIP. Flash a de la chance elle n'a pas de compétition avec son troisième taux de langage de programmation et un défaut d'exécution -1 façon trop subjective, la question est de savoir comment intégrer WMP dans tous les navigateurs... qu'est-flash ont à voir avec ça???
- C'est une approche alternative - ce qui est naïf au sujet de suggérer d'autres solutions?
- Pourrait ne pas être vrai, maintenant que nous avons HTML5.
- Comme le commentaire d'origine états envisagent d'utiliser Silverlight, ce commentaire est certainement valable que l'avis d'une seule source.
InformationsquelleAutor Polsonby
4

Encodage vidéo flash est en fait très facile avec ffmpeg. Vous pouvez utiliser une commande pour convertir à partir de presque n'importe quel format vidéo, ffmpeg est assez intelligent pour comprendre le reste, et il va utiliser chaque processeur de votre machine. Invoquant c'est facile:
```
ffmpeg -i input.avi output.flv
```
ffmpeg deviner le débit que vous voulez, mais si vous souhaitez spécifier un, vous pouvez utiliser l'option-b, donc -b 500000 est 500kbps par exemple. Il ya une tonne d'options de cours, mais j'en général d'obtenir de bons résultats sans beaucoup de bricolage. C'est un bon endroit pour commencer si vous êtes à la recherche pour plus d'options: options vidéo.

Vous n'avez pas besoin d'un serveur web pour afficher des vidéos flash. J'ai fait un peu fine par simple pression .les fichiers flv en place d'un serveur web standard, et reliant entre eux avec un bon lecteur swf, comme flowplayer.

Wmv sont très bien si vous pouvez être sûr que tous les utilisateurs auront toujours utiliser [un récent, jusqu'à la date de la version de] Windows uniquement, mais même alors, le Flash est souvent un meilleur ajustement pour le web. Le joueur est même extrêmement personnalisable et peut être contrôlé avec javascript.

InformationsquelleAutor Peter Burns
4

J'ai trouvé un bon article sur les en utilisant le lecteur WMP avec Firefox sur MSDN.

Basé sur MSDN de l'article et après avoir fait quelques essais et erreurs, j'ai trouvé à l'aide de JavaScript est mieux que d'utiliser les commentaires conditionnels imbriqués "EMBED/OBJET" balises.

J'ai fait une fonction JS qui génèrent WMP objet basé sur les arguments donnés:
```
<script type="text/javascript">
    function generateWindowsMediaPlayer(
        holderId,   //String
        height,     //Number
        width,      //Number
        videoUrl    //String
        //you can declare more arguments for more flexibility
        ) {
        var holder = document.getElementById(holderId);

        var player = '<object ';
        player += 'height="' + height.toString() + '" ';
        player += 'width="' + width.toString() + '" ';

        videoUrl = encodeURI(videoUrl); //Encode for special characters

        if (navigator.userAgent.indexOf("MSIE") < 0) {
            //Chrome, Firefox, Opera, Safari
            //player += 'type="application/x-ms-wmp" '; //Old Edition
            player += 'type="video/x-ms-wmp" '; //New Edition, suggested by MNRSullivan (Read Comments)
            player += 'data="' + videoUrl + '" >';
        }
        else {
            //Internet Explorer
            player += 'classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" >';
            player += '<param name="url" value="' + videoUrl + '" />';
        }

        player += '<param name="autoStart" value="false" />';
        player += '<param name="playCount" value="1" />';
        player += '</object>';

        holder.innerHTML = player;
    }
</script>
```
Ensuite, j'ai utilisé cette fonction par l'écriture de quelques balises inline JS comme celles-ci:
```
<div id='wmpHolder'></div>

<script type="text/javascript">        
    window.addEventListener('load', generateWindowsMediaPlayer('wmpHolder', 240, 320, 'http://mysite.com/path/video.ext'));
</script>
```
Vous pouvez utiliser jQuery.prêt au lieu de fenêtre de l'événement load de à rendre les codes plus vers l'arrière-compatible et cross-browser.

J'ai testé les codes sur IE 9 et 10, Chrome 27, Firefox 21, Opera 12 et Safari 5, sur Windows 7/8.
- Cela fonctionne, mais dans Firefox, l'ensemble de la vidéo est téléchargée avant de commencer à jouer. Évidemment, cela crée un assez long à charger l'écran. Est-il possible d'avoir ce flux de la vidéo dans Firefox?
- Malheureusement, je n'ai pas trouver de moyen(s) pour éviter ce problème. Apparemment, c'est la nature de WMP objet sur Firefox. Pour cette raison, j'utilise de la fenêtre de l'événement load, parce que c'est le dernier point(moment) de la page d'annotations(ressources) de l'interprétation. Réglage de la données l'attribut après le chargement de la page, peut-être de diminuer le temps de chargement (évidemment pas à 100%!). Bonne chance.
- J'ai trouvé une solution. Changer le type de firefox lecteur de video/x-ms-wmv. J'ai aussi remarqué que firefox et chrome ne pouvais pas lire les vidéos qui avait des espaces dans le titre. J'ai résolu ce problème en remplaçant tous les espaces vides de la videoUrl chaîne avec '%20', puis il a bien fonctionné
- Excellent Travail! J'ai changé mes codes: Line 15: videoUrl = encodeURI(videoUrl); et Line 19: //player += 'type="application/x-ms-wmp" '; Line 20: player += 'type="video/x-ms-wmp" ';
InformationsquelleAutor Perseus

J'ai trouvé quelque chose qui fonctionne Réellement dans IE et FireFox, sur Elizabeth Castro site (merci pour le lien sur ce site) - j'ai essayé toutes les autres versions ici, mais ne pouvais pas les faire travailler dans les navigateurs

<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" 
  id="player" width="320" height="260">
  <param name="url" 
    value="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" />
  <param name="src" 
    value="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" />
  <param name="showcontrols" value="true" />
  <param name="autostart" value="true" />
  <!--[if !IE]>-->
  <object type="video/x-ms-wmv" 
    data="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" 
    width="320" height="260">
    <param name="src" 
      value="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" />
    <param name="autostart" value="true" />
    <param name="controller" value="true" />
  </object>
  <!--<![endif]-->
</object>

Visitez son site: http://www.alistapart.com/articles/byebyeembed/ et la version avec l'identificateur de classe de l'objet initial de la balise

InformationsquelleAutor Vonzy

Vous devez vous connecter pour publier un commentaire.