|
HTML - Mp3 Player Issue
Hello viewers,
I've setup this website: http://duffyartwork.com. You will notice the flash .mp3 at the top, which brings me to my question. How do I keep the player static and not refresh (i.e start the song over) when the user browses to different pages within the site? It's been buggin' me for days, so any help would be brilliant. Similar TutorialsHey guys, Im having a problem with a flash MP3 player and wouldnt mind some advice if poss? Ive made this site: http://www.psycleproductions.com. In the top of the page is a mp3player placed using an Iframe. I had hoped that because the mp3player was on a stand alone html page - when surfing through the site the Iframe wouldnt reset, and reset the mp3player swf file! Unfortunately this isnt the case... Now whenever you navigate round the site, the music playing starts all over again... very annoying! Ive seen on other sites with MP3 players that they have done it the reverse way round. the MP3 player is embedded in the html, and the rest of the site called through Iframes. As i have already made the site (and its quite big really) i was hoping to find a way of placing the mp3 player 'on top' of everything else - so's not to reset! If anyone can point me in the direction of a relatively easy way of gettin round the problem it would be much appreicated!!! thanks peeps Chilly Hi everyone, Im having trouble with a video that i have put on my website. I have converted it from dvd to divx. Does anyone know of a good converter or if i can put in on to media player and play it off my website. If you can do that will some one be able to post me the html code. I tried a few things, but it didn't work. So I'm looking for some simple help to put this video player in a container (or box) with a thin border around it. Any help is appreciated. Code: <center>
<div style="height:420px;overflow:hidden;">
<iframe src="[var.base_url]/make_player.php?vid=[var.vid]&player_token=[var.player_token]" style="width:560px; height:420px; border:none;" marginheight="0" scrolling="no" name="flvplayer">
<!--[onload;block=iframe;when [var.video_type] != 'embedded';comm]-->
</iframe>
<!--start of EmbedVideo Addon Player-->
<span>
<!--[var.videoembedder_code;htmlconv=no;comm]-->
<!--[onload;block=span;when [var.video_type] == 'embedded';comm]-->
</span>
<!-- end of EmbedVideo Addon Player--><br/><br/>
</center></div>
<br/><br/>
<div><center><a href="[var.base_url]"><font size="3" color="#000000" face="Arial"><b>Return to Home Page</b></font></a></center>
I'm looking for a small, simple, and customizable code for a music player. I want one where I can just change the code to point to my music. Something like you see on kelliepickler.com Anybody have a link? Thanks in advance! i have a drop down media player on my page. it is bigger than i want it to be until i click on a song, then it goes to the size i specified. how do i make it start out at that size? http://freewebs.com/kunaproxy/home.html. that is the page, and the media player is on the left. a little assistance would be great. thanx I would like to mount a nice looking video player to play videos on my multimedia page that is not Youtube Vimeo ect.. I am going to mount the player within an inline frame that is 600x375 and Ideally I would like it to fit that inline frame like a glove. What are some options for video players out there? Well im working on my portfolio so other people can see what i have been making through all my work... I have 2 questions and i dont know what the things is called so i will try to explain it and then i hope U guys can help me... 1: okey first of I would like to have a start site so when people enter my site they will get to that site and then U think " LOL ", but the front page need to move to index.php after lets say 10 sec, I just want the start page to have a small warning on it, and then its going to the next page automaticly.... 2: for this i want a music player that is stuck to the buttom bar so when someone scrolls down the music player is folloving.... I have been working with " HTML, FORM, CSS, SCRIPT, DB, and some others im still working on the PHP part but i can keep up if U give me the answer in PHP style... Thanks for Ur time and help by the way srry if this is the wrong forum to post, I have no idea where this questions belong... Need some help with coding. I'm a designer with little experience with programming. 1. I want the video to be centered in its column on the blog 2. I want to be able to choose the cover frame of the video (the still image it displays before it plays). 3. There are slim black bars on the left and right of the video. I think it is from the player. Is there any way to remove those? This is the basic code I have now. Any help would be appreciated. <p><embed src="http://freevideocoding.com/flvplayer.swf?file=http://www.1-on-1fitnesstraining.com/blog_videos/intro_02_no_mograph.flv&autoStart=false" width="360" height="264" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></p> I wanted to know. I have in the site of player okay? He for example now plays a song now with someone presses on connection in the site then this opens the page that he requested but the player does not play only when that blast opened he starts more this time to play. Thx for the helpers I recently am using a free little copy of a program called Flowplayer, I do intend to buy it in the future when I have 100 bucks to spend. But what I am asking is for a short but descriptive guide on the exact coding I will need to install it. When I installed it through there website I had a little trouble because I don't know coding by heart (thanks to dreamweaver ) But I need to know EXACTLY what to write in my coding, if there is any information needed just let me know and I will post it. I really hope to here some helpful comments if at all possible! Hey im having some trouble with loading jw player on my site it will load and play on safari but when I go to it in internet explorer it doesnt seem to load, can someone telling me whats going on? this is the scripting im using <HEAD> <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> and in the <body> <P><video src="Video/DSC 0938.flv" height="270" id="container" poster="images/movie.jpg" width="480"> </video> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf" }); </script></P> Thanks Hi guys! I`ve got a video on my web page, that i really wanna share on FB. But when I share it, it just comes up a lot of weird letters in the FB post, and dont a little movie player, surge as with a youtube video. And i guess all this have to do with embedding? Under, you can see how the html looks like atm. In it would be very helpful if you guys could help me to write it, so the movie shows up in my FB post, and you be played directly on Facebook. <title>newyorkhigh_3</title> <center> <!--url's used in the movie--> <!--text used in the movie--> <!-- saved from url=(0013)about:internet --> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1280" height="760" id = "MoyeaDemo"> <param name="movie" value="newyorkhigh_3.swf"> <param name="quality" value="high"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="True" /> <embed src="newyorkhigh_3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1280" height="760" allowScriptAccess="sameDomain" allowFullScreen="True" name = "MoyeaDemo"> </embed> </object> </center> Does anyone know how to position the <audio> player so it's stacked on top of a background image? If I make the player visible with <audio controls="controls">. I tried to treat it as an image by: Code: <style> <!-- this is the background image -->
#container {
display: block; margin-left: auto; margin-right: auto;
position: relative;
border:none;
width: 380px;
height: 633px;
background-image: url("pictures/kohakuriver1.png");
background-position:center;
<!-- this is the audio player -->
#container audioplayer {
position: absolute;
border:none;
left: 65px;
width: 245px;
height: 53px;
#audio {top: 700px}
</style>
...
...
<body>
...
<div id="container">
<audio controls="controls">
<source src="music/hupochuanClip.mp3" id="audio" type="audio/mpeg"/>
<source src="music/hupochuanClip.ogg" id="audio" type="audio/ogg"/>
</audio>
</div>
</body>
It didn't work completely, it did move it to some odd place but not where I want it. Changing the height value won't have any effect (I tried changing it to like 7000px and it's still in the same place). I have embeded a layer on my page but cannot set the exact location of the player, like move it 10% to the right or 20% to the botton the only attribute i can play with is align which either puts ir extreme left/right or so called centre, so how do i set the exact co-ordinate if you may so i can put it exaclt where i want to. The php script I'm using for a video-sharing site, uses JWplayer as the default player. JWplayer has different embed code to embed the player and allow video files to be played from a different source than the php script source. I want to replace or modify the script code for the Player with the JWplayer code (so it'll play videos from the other source) which shows the other source as http://videos.mywebsite.com/myvideo.flv. How can I modify or integrate this script code with the code below it (the JWPlayer code)? Do I just need to change a few lines? Thanks for any guidance. Script Code: Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" name="theMediaPlayer"
width="300" height="280"
id="theMediaPlayer">
<param name=movie value="flvplayer.swf">
<param name=quality value="high">
<param name=bgcolor value="#FFFFFF">
<param name=allowFullScreen value="false">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF">
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="300" height="280" bgcolor="#FFFFFF"
name="theMediaPlayer"
src="flvplayer.swf"
flashvars="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"></embed>
</object>
JWPlayer code: Code: script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("player", "9.0.0", "expressInstall.swf");
</script>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
name="player" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" />
<object type="application/x-shockwave-flash" data="player.swf" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" />
<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>
</object>
I have embedded the media player on the website using this code: Code: <object type="application/x-shockwave-flash" data="test.swf" width="345" height="90"> <param name="movie" value="../flash/test.swf"> </object> and it works fine except it doesn't seem to be able to load the sound. I have the sound in the same folder as the flash file and the sound runs fine when I test the .swf but not when I embed it into the website. I am looking for some script that allows me to insert a media player in to my page, preferably windows media player. I currently have one inserted but i want it to be able to use more than one media file and have previous and next to play other songs. The current one i have is Code: <script type="text/javascript"> AC_AX_RunContent( 'id','MediaPlayer','width','100%','height','190','classid','CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95','standby','Loading Windows Media Player components...','type','application/x-oleobject','src','03-Slinkee Minx - Summer Rain (Alex K Mix).mp3','showcontrols','true','showstatusbar','true','showdisplay','false','autostart','false','filename','03-Slinkee Minx - Summer Rain (Alex K Mix).mp3' ); //end AC code </script><OBJECT ID="MediaPlayer" WIDTH="100%" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="05-johnny_cash-long_black_veil.mp3"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="true"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="05-johnny_cash-long_black_veil.mp3" WIDTH="100%" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Like i said this will only play one song that is specified and i want it to be able to play more than one file. Anyone got any good scripts to play multiple media files? Thanks. I've got a quick question. I've added a flash player on my site and added a div tag so I could position in the center of the page. I just realized while checking the page on other computers with different resolutions that it doesn't stay centered as I had set the parameters, "so many pixels right and so many pixels down" I suppose I need to include it into the body which has a div container and keeps the page centered. When I do that the player jumps to the top. Any help? Here's the code: the player is at the bottom with a div style tag above it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>video page</TITLE>
<META name="AUTHOR" content="hankeester">
<META name="KEYWORDS" content="sailing videos, moth sailing, ">
<META name="DESCRIPTION" content="This is High Octane One Designs sailing video page.">
<META name="GENERATOR" content="Created by BlueVoda">
<STYLE type="text/css">
div#container
{
width: 1004px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#808080" vlink="#C0C0C0" style="SCROLLBAR-FACE-COLOR:#E0DFE3;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#E0DFE3;SCROLLBAR-DARKSHADOW-COLOR:#716F64;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#9D9DA1;SCROLLBAR-TRACK-COLOR:#D4D0C8;">
<DIV id="container">
<HR size="3" width="809" style="position:absolute;left:92px;top:774px;width:809px;height:3px;z-index:0">
<DIV style="position:absolute;left:412px;top:777px;width:134px;height:14px;z-index:1" align="left">
<FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT>
</DIV>
<IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:782px;top:778px;width:119px;height:39px;z-index:2">
<IMG src="heather's logo.jpg" alt="" align="top" border="0" width="600" height="178" style="position:absolute;left:302px;top:3px;width:600px;height:178px;z-index:3">
<A href="http://ho1designs.com/index.html"><IMG src="BurgeeLOGO.jpg" alt="" align="top" border="0" width="200" height="71" style="position:absolute;left:88px;top:82px;width:200px;height:71px;z-index:4"></A>
<IMG src="it'swhat.gif" alt="" align="top" border="0" width="175" height="20" style="position:absolute;left:164px;top:158px;width:175px;height:20px;z-index:5">
<HR size="3" width="800" style="position:absolute;left:98px;top:223px;width:800px;height:3px;z-index:6">
<A href="http://ho1designs.com/about us/about us.html"><IMG src="about-us.gif" alt="" align="top" border="0" width="100" height="50" style="position:absolute;left:485px;top:206px;width:100px;height:50px;z-index:7"></A>
<A href="http://ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="120" height="50" style="position:absolute;left:636px;top:206px;width:120px;height:50px;z-index:8"></A>
<A href="http://ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiate-sailing.gif" alt="" align="top" border="0" width="170" height="50" style="position:absolute;left:277px;top:206px;width:170px;height:50px;z-index:9"></A>
<A href="http://ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:636px;top:226px;width:130px;height:50px;z-index:10"></A>
<A href="http://www.highoctaneonedesigns.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="110" height="50" style="position:absolute;left:99px;top:229px;width:110px;height:50px;z-index:11"></A>
<A href="http://ho1designs.com/hood promo/hood promo.html"><IMG src="hood-promo.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:277px;top:226px;width:130px;height:50px;z-index:12"></A>
<A href="http://ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="80" height="50" style="position:absolute;left:818px;top:207px;width:80px;height:50px;z-index:13"></A>
<A href="http://ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="90" height="50" style="position:absolute;left:818px;top:225px;width:90px;height:50px;z-index:14"></A>
<A href="http://ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hood-showcase.gif" alt="" align="top" border="0" width="145" height="15" style="position:absolute;left:100px;top:210px;width:145px;height:15px;z-index:15"></A>
<A href="http://ho1designs.com/video/video.html"><IMG src="video65.gif" alt="" align="top" border="0" width="60" height="20" style="position:absolute;left:481px;top:225px;width:60px;height:20px;z-index:16"></A>
</DIV>
</BODY>
</HTML>
<div style="position: absolute; left: 400px; top: 350px;">
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nDToL593cmU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nDToL593cmU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
|
|||||||