inserer videos wmv sur web page-part2

la FAQ question

 

Bonjour,

je cherche moi aussi à insérer une vidéo sur une page web.
J'ai donc utilisé les codes donnés dans le doc cité avant mais je ne parviens pas à supprimer les boutons de commande.

Pour info, voici le code actuel sur ma page :

<object id="MediaPlayer" width=294 height=219 classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
standby="Chargement..."
type="application/x-oleobject">
<param name="enabled" value="true">
<param name="url" value="http://www.monsite.fr/demo.wmv">
<param name="AutoStart" value="true">
<param name="showcontrols" value="0">
<param name="uimode" value="full">
</object>

J'aimerais également les modifier pour les remplacer par des images jpg ou gif.
Est-ce que c'est possible? En java peut-être ? J'ai trouvé les codes suivants sur le même document...

<ahref="#" onclick="document.MediaPlayer.Play()">Play</a>
<ahref="#" onclick="document.MediaPlayer.Pause()">Pause</a>
<ahref="#" onclick="document.MediaPlayer.Stop()">Stop</a>

...mais je ne sais pas quoi mettre dans l'en-tête de ma page pour définir les fonctions.

Est-ce que vous pouvez m'aider ?

Merci d'avance.

Sand

 

Essayes sans le UImode:

<object id="MediaPlayer" width=294 height=219 classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
standby="Chargement..."
type="application/x-oleobject">
<param name="enabled" value="true">
<param name="url" value="http://www.monsite.fr/demo.wmv">
<param name="AutoStart" value="true">
<param name="showcontrols" value="0">
</object>

Pour ce qui est des images, il suffit de remplacer le texte par l'image du bouton:

<ahref="#" onclick="document.MediaPlayer.Play()"><img src="image.jpg"></a>

Sinon maintenant sur les post en haut du forum il y a un logiciel qui fabrique automatiquement le code html et les metafichiers. (sur les Pages d'aide et de lla FAQ)

 

J'ai fait le test et même en enlevant le UIMode, j'ai toujours les boutons de Windows Media Player qui apparaissent.
J'ai aussi essayé avec votre petit utilitaire pour créer les fichiers méta et générer le code hrml...mais ça ne fonctionne pas. Dommage...


Sinon, pour le code pour les boutons, j'avais effectivement bien remplacé les texte par l'image du bouton.
Ce qui me manque, c'est le code que l'on met en haut de la page html pour déclarer la fonction java et l'appeler ensuite dans la page.

Merci d'avance.

 

http://www.imagidee.ch/image2/pagevideo/main.asp

 

Ajoutes ceci a ton objet:

<param name="uimode" value="none">

En ce qui concerne les images et le javascript, Tu as tout sur les pages des codes HTLML et javascript:

<a href="#" onclick="document.MediaPlayer.Play()">Play</a>

et tu remplaces Play par ton image, tu n'as pas besoin de déclarer de fonction pour ca.

Sinon, il faut récupérer les codes des fonctions dans le bouquin XML, HTML et SMIL.

 

Ok pour faire disparaître les boutons de Windows Media Player, mais toujours pas de boutons personnalisés.

Je vais chercher dans le livre "XML...".

Merci en tout cas déjà pour ces conseils !

Sand

 

Je viens de mettre a jour le logiciel d'aide au streaming. Tu peux le télécharger, il comprend maintenant un bouton te permettant de créer une page HTML avec les codes javascript pour personnaliser le lecteur dans les 3 technologies.

AUtrement, la plupart des codes javascript sont dans la page des scripts, meme ceux des boutons.

Voici la page html et les 3 objets:

<center><br>
PAGE STREAMING JAVASCRIPT<br>
<br>
Objet REAL<br>
<object id="realPlug1" classid="clsid:FDC7A535-4070-4B92-A0EA-D9994BCC0DC5" WIDTH="320" HEIGHT="240">

<PARAM NAME="TYPE" VALUE="audio/x-pn-realaudio-plugin">
<PARAM NAME="CONTROLS" VALUE="ImageWindow">
<PARAM NAME="CONSOLE" VALUE="video1">
<PARAM NAME="SRC" VALUE="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.rm">
<PARAM NAME="AUTOSTART" VALUE="TRUE">
<embed type="audio/x-pn-realaudio-plugin"

name="realPlug1"
controls="ImageWindow"
console="video1"
src="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.rm"
width="320"
height="240"
autostart=true>

</embed>
<br>
</object><br>

<a href="#" onclick="document.realPlug1.DoPlay()">Play</a>
<a href="#" onclick="document.realPlug1.DoPause()">Pause</a>
<a href="#" onclick="document.realPlug1.DoStop()">Stop</a>
<a href="#" onclick="document.realPlug1.SetPosition( (document.realPlug1.GetLength()/100) *window.prompt('Where to jump (in percent)?','50'))">Jump</a>


<br><br>
Windows Media object<br>
<br>
<OBJECT ID="MediaPlayer" width=320 height=240

classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject">
<PARAM NAME="AutoStart" VALUE="True">
<PARAM NAME="FileName" VALUE="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.wmv">
<PARAM NAME="ShowControls" VALUE="False">
<PARAM NAME="ShowStatusBar" VALUE="False">
<EMBED type="application/x-mplayer2"

pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
SRC="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.wmv"
name="MediaPlayer"
width=320
height=240
autostart=1
showcontrols=0>

</EMBED>

</OBJECT>
<br>
<a href="#" onclick="document.MediaPlayer.Play()">Play</a>
<a href="#" onclick="document.MediaPlayer.Pause()">Pause</a>
<a href="#" onclick="document.MediaPlayer.Stop()">Stop</a>
<br><br><br>
Object Quicktime<br>
<br>
<OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="255"
id="movie1" >
<PARAM name="src" value="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.mov">
<PARAM name="autoplay" value="false">
<PARAM name="controller" value="true">
<PARAM name="pluginspage" value="http://www.apple.com/quicktime/download/">
<EMBED width="320" height="255"

src="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.mov"
name="movie1"
enablejavascript="true"
autoplay="false"
controller="true"
pluginspage="http://www.apple.com/quicktime/download/">

</EMBED>

</OBJECT><br>
<a href="#" onclick="document.movie1.Play()">Play</a>
<a href="#" onclick="document.movie1.Stop()">Stop</a>
<a href="#" onclick="document.movie1.SetTime( ((document.movie1.GetDuration()/100) * window.prompt('Where to jump (in percent)?','50')))">Jump</a>

 

C'est sympa d'avoir mis tout ça à jour mais je suis désolée de devoir te dire que je n'ai toujours pas obtenu le bon résultat.

J'ai ouvert la page avec les codes pour les 3 objets ( Real, QT et Win Media Player) et il y a seulement Quicktime qui fonctionne.
Je ne peux pas lire tes 2 autres objets Real et Windows Media Player. Quand je clique sur les boutons (play, pause et stop), Internet Explorer me signale même une erreur sur la page.

Pour info, j'ai exactement le même phénomène quand j'insère ton code dans la page.

Tant pis, je vais poursuivre mes recherches.
En tout cas, merci pour tout !

Sand

 

tu as modifié l'URL des videos en mettant les tiennes ?
car cette page n'est bien sur qu'un excemple a reprendre pour ses propres pages (sous internet explorer bien sur).
Donnes moi l'URL de ta vidéo si elle est en ligne. je vais te donner le code source.

 

Oui, j'ai bien mis l'URL de ma vidéo mais rien n'y change.
Je suis sous Internet Explorer 6 et les boutons play-pause-stop pour Windows Media Player génèrent une erreur sur la page et ont comme seul effet de me faire remonter en haut de la page...

 

donnes moi l'URL de ta video.

 

Désolée, tu me réponds très vite et moi je n'ai pas eu de temps ces derniers jours pour avancer sur mon projet.

Voilà donc enfin l'adresse de ma vidéo:
http://membres.lycos.fr/sanddi/video/test.wmv

et ma page dans laquelle je veux que ça se lise :
http://membres.lycos.fr/sanddi/videotest.htm

Chez moi, la vidéo se lance automatiquement mais les boutons (play pause et stop) ne sont pas actifs.

As-tu une idée ?

 

Hello, en fonction du classid que l'on utilise, la syntaxe change. Au lieu de mediaplayer.play, il faut maintenant faire: mediaplayer.controls.play
Voici un exemple qui marche (IE):

<object id="MediaPlayer1" width=320 height=305 classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/%20en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
<param name="enabled" value="true">
<param name="volume" value="25">
<param name="stretchToFit" value="true">
<param name="AutoStart" value="true">
<param name="url" value="http://www.teleriviera.com/webtv/exemples/media/amelie_300k.wmv">
<param name="ShowControls" value="0">
<param name="ShowStatusBar" value="False">
<param name="uiMode" value="full">
</object>

<br><br>

<a href="#" onclick="MediaPlayer1.controls.play()"><img src="play_r.gif" alt="play" height="24" width="24" border="0"></a> <a href="#" onclick="MediaPlayer1.controls.pause()"><img src="pause_r.gif" alt="pause" height="24" width="24" border="0"></a></div>

 

col, ça marche !

Merci beaucoup en tout cas pour ton aide sans laquelle j'aurais sûrement cherché un bon moment encore !