Changing the logo of VLC player embedded in HTML page - html

I have embedded the VLC player to a webpage and I would like to know if it's possible to change the "cone" logo with a different image. I'm using VLC in order to play a multicast stream (only audio).
I looked at the VLC webplugin documentation and found this: http://wiki.videolan.org/Documentation:WebPlugin#Logo_Object
I'm not sure how it works. This is what I have until now but does not work and the logo stays the same.
<html><head><title>Radio</title></head><body>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
version="VideoLAN.VLCPlugin.2"
width="300px" height="300px" id="vlc" windowless="true" loop="yes" autoplay="no"
enablejavascript="true" allowfullscreen="false" target="rtp://#:port/" id="vlc">
</embed>
<script>
var vlc = document.getElementById("vlc");
vlc.video.logo.file("pic.png");
</script>
</body></html>
Any suggestions and help are very much appreciated. Thanks.

<embed type="application/x-vlc-plugin"
pluginspage="http://www.videolan.org"
version="VideoLAN.VLCPlugin.2"
width="300px"
height="300px"
id="vlc"
windowless="true"
loop="yes"
autoplay="no"
enablejavascript="true"
allowfullscreen="false"
target="rtp://#:port/">
</embed>

Related

How to play .swf through HTML code

I have a swf named "client.swf" on my desktop, and I want to add it to my website so people can play the .swf on there, but the website only accepts HTML content, and not .swf, whats an html code I can use for it to load the .swf from my desktop? or another way of doing it?
you can use <object> </object> tag and also use the <iframe></iframe>
<iframe src="client.swf" width="200" heigt="200"></iframe>
<object width="500" height="500">
<param name="media" value="client.swf">
<embed src="client.swf" width="500" height="500">
</embed>
</object>
SWF into a HTML page is to use swfobject
Just example
<object width="100" height="100">
<param name="movie" value="my.swf">
<embed src="my.swf" width="100" height="100">
</embed>
</object>

Autostart not working for video html

I am using tag to display my video on the page. When the page is loaded, the video gets started automatically.
To prevent this , I use autostart="false". But no Luck.
My code :
<embed style="max-width:180px; max-height:135px;" src="url" autostart="false" loop="true">
Can anyone help me with it?
If it is an strictly an embed, usually you just have to put autostart="false" within the embed tag.
EXAMPLE:
<embed autostart="false">
If it is an object (which is recommended), you will want to use a param.
EXAMPLE:
<object width="160" height="144">
<param name="autoplay" value="false">
<embed src="sample.mov" width="160" height="144" autoplay="false" controller="false"
</embed>

Unable to play video Microsoft media player for html pages

i am trying to play videos on my site. its working on production. After publishing site on domain player isn't playing videos. Instead its showing msgs on media player bar like
'Preparing to connect', 'Connecting...' and 'Ready', which shows dark screen.
Here is my code of videos.
<SPAN id="music1">
<OBJECT style="width:560px; height:300px" id=mediaPlayer
codeBase=http://activex.microsoft.com/activex/controls/mplayer/
en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject
standby="Loading Microsoft Windows Media Player components..."
style="margin-left: 0px" classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95>
<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows
/mediaplayer/en/download/" bgcolor="darkblue" showcontrols="true"
showpositioncontrols="true" showstatusbar="tue" showgotobar="true"
src="videos/1.wmv" autostart="true" designtimesp="5311"
loop="true" height="600" width="470">
</OBJECT></SPAN>
Please let me know, where i am doing wrong, or its domains issue??
Thanks in advance
Try this simple one:
<embed src="videos/1.wmv" width="600" height="470" type="video/x-ms-wmv"></embed>
Your object doesn't seem to have the source of the video specified. The embed has, but not the object
<SPAN id="music1">
<OBJECT style="width:560px; height:300px; margin-left: 0px" id="mediaPlayer"
codeBase="http://activex.microsoft.com/activex/controls/mplayer/
en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject"
standby="Loading Microsoft Windows Media Player components..."
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<PARAM NAME="URL" VALUE="videos/1.wmv">
<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows
/mediaplayer/en/download/" bgcolor="darkblue" showcontrols="true"
showpositioncontrols="true" showstatusbar="tue" showgotobar="true"
src="videos/1.wmv" autostart="true" designtimesp="5311"
loop="true" height="600" width="470" />
</OBJECT>
</SPAN>
You could also try to let go the object alltogether and just rely on the embed.
Try using
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
you can try this one:
classid=CLSID:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6

overlay opaque div over gametrailers iframe

Recently gametrailers changed their embed code from:
<embed width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
to
<iframe src="http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" width="960" height="540" frameborder="0"></iframe>
The new embed code is just like the youtube iframe, and it overlays my lightbox.
With the old embed code I was able to add a wmode parameter and make it stay below the div:
<embed wmode="opaque" width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
But the new code does not allow me to do anything to keep the iframe below, does anyone know of a solution to this or some hidden parameter that I missed?
Temporary solution
This is the old url to embed:
http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265
This is the new url in the iframe:
http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
As a temporary solution I change the iframe url to this undefined URL that I found by randomly tweaking the iframe url and embed this instead of using the iframe:
http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
It looks like this:
<embed wmode="opaque" width="550" height="350" src="http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>

How to make a link to a Flash file?

How can I make a link to my Flash file?
Like an image, I can do it like this:
<img src="imagefile.png" />
I've tried to put <a></a> around the Flash HTML code, but it does not work.
EDIT: I found a solution. I've just put some JavaScript into the code.
This works for all browsers, check your path:)
Edited:
<a href="http://www.someurl.com">
<object width="550" height="400">
<param name="movie" value="somefilename.swf">
<embed src="somefilename.swf" width="550" height="400">
</embed>
</object>
</a>
Doesn't this work?
<a href="your url"><embed src="yourflashmovie" quality=high width="100" height="100">
</embed></a>