Learn VBA & Macros in 1 Week!

JavaScript - Resize Wmv Player Dynamically?

Full Excel VBA Course - Beginner to Expert

Resize Wmv Player Dynamically?	View Content

Hey all! My supervisor is tasking me with having a webpage resize the windows media player dynamically based on the users resolution. I have tried everything I can think of to make this happen but no luck. Is this even possible?

I'm using the following code to embed the video:
Code:

<object
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,1112"
type="application/x-oleobject" width="800" height="600" align="left"
standby="Loading Microsoft Windows Media Player components..." id="mediaPlayer">
        <param name="AutoStart" value="1" />
        <param name="FileName" value="../../../videos/Welcome_1.wmv" />
        <param name="ShowDisplay" value="False" />
        <param name="ShowControls" value="True" />
        <param name="ShowStatusBar" value="False" />
        <param name="Loop" value="False" />
        <embed
src="../../../videos/Welcome_1.wmv"
width="800" 
height="600" 
autostart="1" align="left" type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
name="mediaPlayer"> </embed>
      </object>

I've tried creating variables and substituting those for the width and height of the object code e.g., Code:

<script type="text/javascript">var _width=screen.width; var _height=screen.height;</script>

followed by Code:

<object
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,1112"
type="application/x-oleobject" width=_width height=_height align="left"
standby="Loading Microsoft Windows Media Player components..." id="mediaPlayer">
        <param name="AutoStart" value="1" />
        <param name="FileName" value="../../../videos/Welcome_1.wmv" />
        <param name="ShowDisplay" value="False" />
        <param name="ShowControls" value="True" />
        <param name="ShowStatusBar" value="False" />
        <param name="Loop" value="False" />
        <embed
src="../../../videos/Welcome_1.wmv"
width=_width 
height=_height 
autostart="1" align="left" type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
name="mediaPlayer"> </embed>
      </object>

but of course, this doesn't work. Is it even possible?? If so, your help is greatly appreciated.

Thank you,

M.

Full Excel VBA Course - Beginner to Expert

Can You Resize Dynamically Built Iframe

Similar Tutorials

View Content

I am building iframes from database entries. Is it possible to resize them with an onclick event?

Dynamically Resize Iframe Launched Via Shadowbox?

Similar Tutorials

View Content

Hi, I would like to know how I can use JavaScript to find the size of my iFrame and feed it to Shadowbox to launch the appropriate sized shadowbox on different browsers and resolutions. For me, the parent page is called 'demo.html' and the iFrame is 'gallery/archive_iframe.html'.

Currently, the shadowbox is launched with a fixed height and width (which you will see in the HTML code below). The problem is that 'gallery/archive_iframe.html' displays differently on every browser and every resolution, causing unwanted horizontal and vertical scroll bars. An example can be seen he
http://www.mikegermond.com/demo.html

Here is the code that I use in 'demo.html' to launch the iFrame:

Head
Code:

<script type="text/javascript" src="/shadowbox/libraries/mediaplayer/jquery.js"></script>      
      <script type="text/javascript" src="/shadowbox/shadowbox.js"></script>
      
      <script type="text/javascript" src='/shadowbox/libraries/mediaplayer/swfobject.js'></script>
<script type="text/javascript">
function moveCloseLink(){ 
    var cb=document.getElementById('sb-nav-close'); 
    var tb=document.getElementById('sb-title'); 
    if(tb) tb.appendChild(cb); 
} 
Shadowbox.init({
	onOpen: moveCloseLink,
flvPlayer: '/shadowbox/player.swf',
language: 'en',
players: ["flv","iframe"],
flashParams: {allowfullscreen:'true'},
flashVars: {
skin: '/shadowbox/modieus.swf',
image: '/upload/demo-poster.jpg',
autostart: true
}
});
</script>

Body
Code:

<A HREF="/gallery/archive_iframe.html" rel="shadowbox;width=750;height=486" class="imgLink" title="Video Archive"><img src="gallery/videoarchive_thm.jpg" alt="Launch Video Archive (popup window)" width="260" height="162" border="0" /></A>

What do I need to do in 'gallery/archive_iframe.html' if anything? My thought is that I need to wrap it in a DIV tag and find the width and height of that. And what do I need to do in 'demo.html'? I'd assume some code is needed to pull the dimensions discovered in my iframe document, and insert those into the link that launches Shadowbox.

Consider me a JavaScript newbie! You're help is greatly appreciated!!

Resize Element On Windows Resize

Similar Tutorials

View Content

Hi' there

Is there anyway to make a custom resize function that resizes one of my div elements on the webpage the same amount of pixels as the browser window gets resized?

Help With Replacing Flv Player With Mp4 Player

Similar Tutorials

View Content

Media Player --- Help

Similar Tutorials

View Content

can somebody plz give all the parameters that i can use for a media player?
I wanna know how to control them with javascript, such as take off the seek, or redirect them after the media player finishes, or do call function after an event happens such as clicking on the play button...
i need all the reference for that, i can't on the internet, and even if i did they aren't working.
Thank you guys!

Mp3 Player Search

Similar Tutorials

View Content

I'm doing some kind of MP3 Player search in javascript form using the URL from http://beemp3.com/index.php?p= then after the = any user will type the song they want to search and it'll appear as a valid URL search data under beemp3.com. The page is in http://stereowired.wehostyour.info/searchid.html. My problem is getting the value in .superform whenever the onChange occurs. this.value() doesn't work. I need some kind of alternative

thanks

oh yeah and the whole code Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>MP3 Search Engine</title> 
<style type="text/css">
*{font-family:"georgia","times new roman"}
body{padding:0;margin:0;background:#fff;color:#000;}
.center{text-align:center;width:64%;margin:0 auto;}
.formatt{width:100%;height:36px;display:block;}
.superform{float:left;width:73%;padding:5px 0;border:2px inset #a0a0a0;background:#e8e8e8;font-size:17px;color:#555;text-align:center;display:block;margin-top:1px;text-shadow:1px 1px 0 #fff;}
.superform:hover{background:#d8d8d8}
.supersubmit{float:right;width:25%;padding:5px 0;border:2px outset #333;background:#434343;font-size:17px;color:#999;display:block;margin-left:1%;text-shadow:1px 1px 0 #121212;}
.supersubmit:focus{border-style:inset;color:#fff}
#jam{width:100%;display:block;clear;both;border:0;height:600px;}
</style>
</head>
<body>
<div class="center"><h2>Stereo wired Search Engine</h2><div class="formatt">
<input class="superform" type="name" onChange="document.getElementById('jam').src="http://beemp3.com/index.php?q="+this.value()+"" /><input class="supersubmit" type="submit" value="Search" /></div>
<iframe id="jam" src="http://beemp3.com"></iframe></div>
</body></html>

Hide Media Player

Similar Tutorials

View Content

Hi, can anybody help - I've got an img on a web page that you click to play an mp3 - how can I get the media player to open behind the page [without reloading the page] so that you can carry on looking at the page instead of first minimizing the media player. I've tried a few scripts for pop-ups but they don't work & they prevent the roll-overs from working. Here's the piece of code:

<td style="text-align:left; vertical-align:top">

<a href="getoutandgetunderthemoon_HalKemp.mp3">
<SPAN onMouseOver=document.pic1.src="musicbutton3.jpg" onMouseOut=document.pic1.src="musicbutton3.jpg" onLoad=document.pic1.src="whiteblock.jpg">
<img src="whiteblock.jpg" border="o" alt="GET OUT AND GET UNDER THE MOON" style="width:80px; height:80px; border-style:none" name="pic1"></span></a></td>

Jw Player Not Having Playlist At The Bottom

Similar Tutorials

View Content

Hi,

Is there any possibility of having the JW player playlist at the bottom.

If possible can anyone post the javascript and its attribute for that.

Thanks,

Ananth

Java Music Player Override?

Similar Tutorials

View Content

Hey all,

I've built a website for my music and I'm fairly new to all this so bear with me.

Essentially, I have two flash-based music players on my site. One is a simple single-track player that auto-plays some background music for the site. The functionality is limited to the user starting/stopping the music and adjusting the volume. The other is an advanced music player featuring a playlist of preselected tracks and allows the user to start/stop music, rewind, fast forward, adjust volume and select tracks in the playlist. This player does not start automatically.

My question is this: when someone visits the site, the single-track background music player will start. Is there code that would allow the advanced music player, should it be turned on (i.e. someone selects a track and plays it), to override and actually stop the play of the single-track?

TIA!

Need Help Tweaking Music Player Code

Similar Tutorials

View Content

I hope someone can help me...I need to tweak this code so that background music will play randomly for an unlimited time. Right now, it plays a random song and then repeats it over and over. I just need to have it randomly change songs and keep playing! Here is the code I am using...

Code:

<script type="text/javascript">

var musicSource = [
    "http://www.bigmacktrucks.com/music/1.mp3",
    "http://www.bigmacktrucks.com/music/2.mp3",
    "http://www.bigmacktrucks.com/music/3.mp3",
    "http://www.bigmacktrucks.com/music/4.mp3",
    "http://www.bigmacktrucks.com/music/5.mp3",
    "http://www.bigmacktrucks.com/music/6.mp3",
    "http://www.bigmacktrucks.com/music/7.mp3",
    "http://www.bigmacktrucks.com/music/8.mp3"
];

var rand = Math.floor(Math.random()*musicSource.length);
document.write('<embed src="'+musicSource[rand]+'" autoplay="true" hidden="true" loop="true" />');

// -->
</script>

I think this is simple but I am a total noob at javascript! Thanks in advance!

Flash Player, Tabs And Javascript

Similar Tutorials

View Content

I have 3 tabs with a flash video playing in each. If a user clicks on a video and then decides to move to another tab while the video is playing.... the video stops and the tab is switched. I am using the code below to achieve that.

Code:

onClick=player1.sendEvent('STOP'); player2.sendEvent('STOP'); player3.sendEvent('STOP');

this works fine if I have the tabs appearing in sequence with player1 embedded in the first tab, player2 in the second and player3 in the third. However, I wanted to randomize the tabs, in which case if tab 3 containing player3 appears first and is played and then the user switches to another tab the video keeps playing.... meaning the above code does not work in that instance.

I am at a loss here cause i thought that the onClick event should be going through all the players and stopping them.

website: http://tinyurl.com/ydalz2r (at the moment the tabs are displayed in sequence)

Jw Player With Javascript - Ie Doesn't Support

Similar Tutorials

View Content

Hi, I am trying to run multiple videos in the JW player by clicking on different links.Its working fine in chrome and firefox, But it doesn't play viseos in IE. Kindly suggest me ...Thanks in advance..Here is the code.

<script type="text/javascript">
function start(){
return playVideo("mediaspace","mediawindow");
}
function playVideo(sourceId, targetId) {
if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}
if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);}
targetId.innerHTML=sourceId.innerHTML;
return false;}
</script>

<body onload="start()">
<div id="mediawindow"></div>
<div id="mediaspace" class="fltrt" style="display:none">
<script type='text/javascript' >
var so = new SWFObject('player.swf','mpl','360','295','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('playlistfile','IIA2010.xml');
so.addVariable('stretching','fill');
so.addVariable('autostart','true');
so.addVariable('repeat','list');
so.addVariable('skin','stormtrooper.zip');
so.write('mediaspace');</script></div>

<p><a href="#" onclick='return playVideo("mediaspace","mediawindow")'>Play all</a><br />
<a href="#" onclick='return playVideo("welcome","mediawindow")'>MC Linda Clark welcomes guests</a><br /></p>

You can also have a look on the webpage. Its working well in FF and chrome. you can test it there.

http://www.internetindustryawards.co.nz/2010.html

Its really urgent...

Making A Javascript Music Player

Similar Tutorials

View Content

so i am trying to make a music player where you select a song from a drop down list and then click submit. it then brings up the audio controls with the HTML5 "<audio>" tags and then you can click play and it should work. i am having trouble actually doing this though. the html is

Code:

<html>
<head>
<title>Music Player</title>
<script language="javascript"  type="text/javascript" src="popup.js">
</script>
</head>
<body bgcolor="000000">
<font color="lime" size="6">
<div align="center">
<u>The Mighty Peacock Music Player</u>
</font>
<br>
<br>
<font color="red" size="5">

<select id="convert_to" name="convert_to">
<option value="danza" id="danza">Danza Kuduro by Dan Omar</option>
<option value="iron" id="iron">Iron by Woodkid</option>
<option value="boot" id="boot">Das Boot by Vat19</option>
</select>
<br>
<input type="submit" value="submit" onClick="dispResults(convert_to)">
<p>The song selector is not functioning yet. Sorry for the inconvinence.</p>
<br>
<br>
<div class="music_box" id="music_box">
<audio src="/music/Danza Kuduro.mp3" controls="controls">
</audio>
</div>
</div>
</body>
</html>

and the javascript is

Code:

function dispResults(convert_to) {

    if (id == "danza") {
        document.getElementById("music_box").innerHTML = "<p>" + <audio src="/music/Danza Kuduro.mp3"      controls="controls"></audio> + "</p>";
    }
    
    if (id == "iron") {
        document.getElementById("music_box").innerHTML = "<p>" + <audio src="/music/woodkid.mp3" controls="controls"></audio> + "</p>";
    }

}

any help would be greatly appreciated. Thanks

Javascript Random Music Player Help

Similar Tutorials

View Content

I am trying to make it so that when the page loads, it will random play a song from a list of songs. Also, when the first song finishes, another random song should play. I have this code:

Code:

<script type="text/javascript">
var numberOfSongs = 5
var sound = new Array(numberOfSongs+1)
sound[0]= "music/Rock/1.mp3"
sound[1]= "music/Rock/2.mp3"
sound[2]= "music/Rock/3.mp3"
sound[3]= "music/Rock/4.mp3"
sound[4]= "music/Rock/5.mp3"
sound[5]= "music/Rock/6.mp3"


function randomNumber()
{
var randomLooper = -1
while (randomLooper < 0 || randomLooper > numberOfSongs || isNaN(randomLooper)){ randomLooper = parseInt(Math.random()*(numberOfSongs+1))
}
return randomLooper
}


var soundFile = sound[randomNumber ()]
    document.writeln ('<BGSOUND SRC="' + soundFile + '" loop=5>');
    document.writeln ('<EMBED SRC= "' + soundFile + '" loop=5 PLAYCOUNT=3 hidden=true autostart=true><P>');
</script>

How would it be possible to play another random song after the song finishes?

Wmv Files Linked To Embedded Wmv Player

Similar Tutorials

View Content

I have been searching for an answer to this pretty much all day... I'm fed up. Can someone help?

I want to be able to open wmv videos in an embedded windows movie player using javascript. Something identical to what you will find he http://www.hunlock.com/blogs/Everyth...ding#quickIDX2...go down to the heading :'How to make a video select list'.

I am trying to emulate this but for wmv files and windows media player rather than for flsh files. I have tested this on one link and it does not open. i just get a black media screen and nothing.

Here's my code:

Here's the script within the head tag:

Code:

<script type="text/javascript">function playVideo(sourceId, targetId) {   if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}   if (typeof(targetId)=='string') 
{targetId=document.getElementById(targetId);}   targetId.innerHTML=sourceId.innerHTML;   return false;}</script>

Here`s the link:

Code:

<a href="#" onclick='return playVideo("selectdemo1","videoPlayback")'>
						video 1</a>

and here's the embedding and the play back code (The play back area is within the same page as the link):

Code:

div id="selectdemo1">
 <OBJECT id='mediaPlayer' width="450" height="445" 
      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="\\HOC\AdminPrivate\FS08U\TurgeL\Documents\Site Web\videos\Add_Documents.wmv">
      <param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <EMBED type='application/x-mplayer2'
        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="450" height="445"
        src="http://servername/\\\\HOC\\AdminPrivate\\FS08U\\TurgeL\\Documents\\Site Web\\videos\\Add_Documents.wmv&autoplay=1" autostart="false" designtimesp='5311' loop="false">
      </EMBED>
      </OBJECT> 
	
	
	</div>
</div>

Please help meeeeeeeeeeeeeeeeeeee!

Popup For Flash Music Player

Similar Tutorials

View Content

I have a tiny flash player(with controls) in a table on it's own html page. It only plays one piece of music. But I need an unusual popup script which I can't seem to find.
I want the tiny player (75 x 30) to popup on it's own without all the window (chrome?) surrounding it.
I want it to be in either the top or bottom left corner.
I would also like it to popup on load but turn off when I go to a particular page that I have a sound video on and then turn off completely when they leave the domain.
It is a music site.
Can some one please write a script like this for me and how do I get around annoying popup blockers.

Music Player Javascript Messed Up Url Bar

Similar Tutorials

View Content

I just added the SCM Music Player script to my WordPress site but now whenever I navigate to another page or news post the URL address doesn't change. The address bar stays static. How can I fix this? Here is the script code which was placed in Header.php within the <Body> tags:

========================================


<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':,



'placement':'bottom','showplaylist':'false'}");
</script>

======================================

Should I be adding this code someplace else? Thank you!

Pulling .mp3 Url For Longtail Media Player

Similar Tutorials

View Content

Hello,

I hope this is in the right section. I am relatively new to coding and was hoping someone could point me in the right direction because at the time, I don't even know what to start researching in order to figure out how to do this.

If you go to www.livingelectro.com, you will see they use the longtail media player(http://www.longtailvideo.com/players/jw-flv-player/) and pull the song to preview from a Zippyshare page.

This is the code they use... (notice they do not pull a .mp3 file like I was doing from this code)

Quote:
<embed height="20" border="0" width="207" style="margin-bottom: 6px;" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="mp3player" quality="high" menu="false" src="http://www.livingelectro.com/mediaplayer.swf?backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&file=http://www19.zippyshare.com/downloadMusic%3Fkey%3D815431413%26time%3D1249478236&type=flv" allowscriptaccess="never"/>
If you look at MY website, (http://www.edmaddicts.net/index.php?...ews&Itemid=107) you will be able to scroll down and see the song preview bars. Originally, I was inserting the Zippyshare file ending in .mp3 and pulling the song up with either of these codes...

Quote:
<script src="swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('player-licensed.swf','mpl','470','20','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=(Zippysharefile.mp3)&backcolor=FFFFFF&lightcolor=660066&screencolor=6 60066&dock=false');
so.write('player');
</script>
and also a flash embed code like...

Quote:
<embed src="player-licensed.swf"width="470"height="20"bgcolor="undefined"allowscriptaccess="always"allowfullscreen="tru e"flashvars="file=(zippysharefile.mp3)&backcolor=FFFFFF&frontcolor=000000&lightcolor=660066&screenco lor=660066&dock=false"/>
The Zippyshare file .mp3 is a link stored and pulled up with {FIELDVALUE} in the database. How are they pulling the .mp3 file from Zippyshare so it works everytime? When I insert the .mp3 extension, it only works on my computer and until I reset my cookies. I can NOT host the files on my own website.

I am looking forward to learning something.

Will

Jw Player Flv File Code Not Working =/

Similar Tutorials

View Content

Hey guys

just using a simple Notepad++ to make a HTML page

I've been trying to get a video working but its not turning out exactly well.

I get an empty video page that won't load my video file.

I downloaded JW Player and uploaded the javascript and player.swf to my folder.

Then the following codes. Please Teach ME !

-----------------------------------------------------------
<html>
<head>
<script type="text/javascript" src="jwplayer.js"></script>
</head>
<body>
<div id="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "player.swf",
file: "Flyff Introduction.flv",
height: 270,
width: 480
});
</script>

</body>
</html>

Creating A Dropdown Midi Player

Similar Tutorials

View Content

I am creating a "retro" styled website. With this, I am using certain elements of a website I created back in 2000.

One of the things I had back then was a dropdown menu that would play the midi file selected, and this still works, but only in Internet Explorer.

Firefox and Chrome will not play anything at all, and I know that bgsound is an Internet Explorer specific tag, but I have not found a way to get embed to work as well.

Here is my code:

Code:

   <form name="choose">
    	<select onChange="midiplay(this);" name="select">
        	<option value="#">No Music</option>
            <option value="midi/1.mid">Background 1</option>
            <option value="midi/2.mid">Background 2</option>
         </select>
    </form>
    <script language="JavaScript">
	var ie = (function(){
    var undef,
        v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');    
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );    
    return v > 4 ? v : undef;    
}());
		if (ie) {	
			document.write('<bgsound src="#" id="midijuke" loop="infinite" autostart="true" />');
			function midiplay(what) {
  				document.getElementsByTagName("*").midijuke.src = what.options[what.selectedIndex].value;
			}
		}
		if (!ie) {
			document.write('<embed src="#" id="midijuke" loop="999" height="0" width="0" autostart="true" />');
			function midiplay(what) {
  				document.getElementsByTagName("*").midijuke.src = what.options[what.selectedIndex].value;
			}
		}
	</script>

It acts like the embed code is not getting updated with the correct src.