HTML - Embed Youtub Video & Hide Play Button/control Bar?!?
Hello,
I've done alot of seaching and haven't found to many articles on this. I would like to embed a youtube video on my site, but don't want to play the audio that goes with it. I tried adding &volume=0 after the tag, but this doesn't work. Any ideas!! Much thanks in advanced! here's the code used: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="540" width="650"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/aKuFww3ljM&ap=%2526fmt%3D18&loop=1&autoplay=1&volume=0" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/aKuFww3ljM&ap=%2526fmt%3D18&loop=1&autoplay=1&volume=0" height="540" width="650" wmode="transparent" /> </object> Similar TutorialsHello, I have a client were working with. He uses myspace. He wants a youtube video to autoplay from youtube. He wants it to look sleek and doesn't want the controls buttons to show. I've read this is possible but can't get the div code right. It's an HD video and it's height="480" width="720". We came across this url: http://www.createblog.com/myspace-sc...eo-top_bottom/ and We found this code as an example it says: Where it says YOUTUBE URL HERE insert your youtube embed url, not the url of the YouTube page. Change the first 380 and the 230 to change the video's size and the -90 to position the video. **** <div style="width:380px; height:230px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="410" width="380" style="position:relative; top: -90 px;" data=" YOUTUBE URL HERE "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="YOUTUBE URL HERE" /> <param name="wmode" value="transparent" /> </object> </div> **** This is our code were tried but it is not working? can you please help us. Thank you in advanced. Our code we tried: **** <div style="width: 720 px; height: 480 px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height=" 410 " width=" 380 " style="position:relative; top: -90 px;" data=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 " /> <param name="wmode" value="transparent" /> </object> </div> **** Hi, I have an album which has 5 to 6 audio files(wma). I used checkboxes to list the audio files. I want to select one or more of the audio files by ticking in checkbox and play those selected using a button. How can I do that using html? I see that many music sites use this functionality, but not sure how to code this using html? Can someone help? Note: I have already hosted the audio files and have the web url for all the wma files. Is it possible to control the windows media player embed: HTML Code: <EMBED showcontrols="false" showstatusbar="false" src="song.mp3" autostart="true" loop="false"></EMBED> using Href's? Honestly, my website looks great w/o having the "showcontrols" enabled and having that rather large and un-transparent background'ed media controller on it. I would really like to be able to add my own: HTML Code: <a href="function:play(or somethin liek that...)">Play</a><br><a href="function:stop">Stop</a> I have a way to do this in flash, and it works great, but I just like the portability of windows media player. Any ideas or suggestions? Thanks in advance, Yuri Hi, I am trying to stop a certain video from playing when a person visits my website for a second time. For example. I want video "A" to play when a unquie vistor visits my website but then i want video "B" to play and not Video "A" when they visit my website again (so they aren't unique anymore) So how could I make a different swf video load on these occasions. Any help with be appreciated. Thank you Hello, I'm working on a video website for someone and they want to add a pop-up that opens up when a user clicks the play button on the video. The video will play and the pop-up will load. Is there a technical term for this? What's the easiest way to do it? Any documentation anywhere? I couldn't find much on this, probably because I'm not using the right term to find it.. Anyway, any help would be appreciated. Thanks! I have placed the code as below <object> <embed src="videos/kyaw.avi" width="380" height="265" autoplay="False"></embed> </object> in using visual studio 2005. video not working or playing on my page. But when i use the notepad for the program it was working. It is quite strange to me and I just novice(started html). pls any advice or coding ,.///... help me that is the web site i doing http://mayrum.co.uk/Myvideo.aspx pleaseeeeeeeeeeeeeee Hi there, I cannot figure out why this mp4 video will not play on ipad/iphone - i generated the video in 720 width at 30 fps. Please help, thanks. http://leilanimunter.com/12-02.14.htm Hi folks, I have two related questions so I'll ask both in the same post. My first question is I have a video that I show using the <embed> tag. For example <embed width="540" height="350" src='../media/movies/police_chief_intro.wmv' autostart=true> Now, the video plays fine but what I experience is one of the frames near the beginning is displayed first and the video played over top of it. The pain is the image is larger than the video. Another pain is it only really does this in Firefox. My second question is how do I remove the controls from the video player? I use the same code as above but add controller=false. They don't show in FF and perhaps some others but in Safari they are still displayed. Thanks in advance for any advice! saw some web pages where the video inside came from youtube The whole page was from their own site but the window that showed the video was from youtube. almost like a window into youtube for just that 1 part of the page can this be done with just html? area maps? I really need to do this. My host server gives problems when I embed a video, It would be great just to use youtube please help -marksmolen@mail.com Hi: I have a videos embed in a html page like the code below. <EMBED TYPE="application/x-mplayer2" SRC="videos/bienvenido.avi" NAME="MediaPlayer" WIDTH="190" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="1" align="right"> </EMBED> Is there a way I can figure out when a user has clicked on the play of the video or when the video has been played until the end ? ( In html / javascript or php may be ) Thanks, Michael. Hi there!! Please I need help. I am embeding videos to mu blog, but are videos from a TV station so I took the code but is strange I can't make them stop. My users start to be upset about it. <p align="left"><script type="text/javascript"></script> <div id="flashcontent" style="width: 570px; text-align: center;"><script src="http://v.cctv.com/playcfg/js/common.js" type="text/javascript"></script> <object id="flvEmbed" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="wmode" value="window" /><param name="flashvars" value="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" /><param name="src" value="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" /><param name="allowfullscreen" value="true" /><embed id="flvEmbed" type="application/x-shockwave-flash" width="480" height="360" src="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" allowfullscreen="true" flashvars="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" wmode="window" allowscriptaccess="always"></embed></object> I will appreciate your help. thanks! How do I embed a flv and also an ivr file in html? Index of /assets/video By the way, right click and save those while you can. http://www.gelsana.com/assets/video/...logy_video.flv http://www.gelsana.com/assets/video/gm.ivr Hi all, i want to play the downloaded flv videos in offfline mode in HTML. I already done with online playing in HTML like youtube videos play in browser. But I have downloaded few videos and i want to play those videos in offline mode(without internet) by giving compelete path in Windows/Mac. Can anyone help in this case??? Thank You all.. Hello! I am trying to replace my existing flash videos with newer ones. These newer videos I converted from Quicktime to swf. I replaced the video file name with the newer video file name and it uploaded fine. There are a couple problems though. It doesn't have the Play, Stop, etc controls at the bottom and it is on a loop. Here is the link to the new video: http://www.swingmangolf.com/isokinetics.swf Here is the code with the new video: <table width="158" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><br /><br /> <td height="126" align="center" valign="middle"><script> //<!-- AC_RunFlContentX ("src","Isokinetics.swf","quality","high","width","550","height","315","wmode","transparent","autost art","false"); //-->1 z </script></td> </tr> </table> How do I get the controls to show up and to stop it from playing over and over!?!?! I am trying to grab a video from an html page. Its not a normal piece of embed code that would be used with youtube. Any help is appreciated. --> Begin code if(typeof(_evpLoad) === 'undefined') { var _evpAssetsLoaded = false; function _evpLoad(url, callback) { if(_evpAssetsLoaded === true) { callback(); return; } var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function() { if (script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; _evpAssetsLoaded = true; callback(); } }; } else { script.onload = function() { _evpAssetsLoaded = true; callback(); }; } script.src = "http://player.affiliatedotcom.com/player/"+url; document.getElementsByTagName("head")[0].appendChild(script); } } if(typeof(_evpStorage) === 'undefined') var _evpStorage = {}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='] = {"absolute":"http:\/\/player.affiliatedotcom.com\/","id":"evp-6792edc2f91c81a8da6278a028e3ea1e","div_id":"evp-094b566ec1a42cdc6eecad88387a3342","bucket_name":"evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3","file_id":"bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==","type ":"video","skin":{"tooltipColor":"#5F747C","buttonColor":"#808080","buttonOverColor":"#7d7d7d","bord erRadius":"5","volumeSliderGradient":"none","backgroundGradient":"none","tooltipTextColor":"#ffffff" ,"sliderColor":"#000000","timeBgColor":"#555555","sliderGradient":"none","durationColor":"#ffffff"," progressGradient":"medium","progressColor":"#46a8ec","bufferGradient":"none","timeColor":"#80cbff"," volumeSliderColor":"#000000","backgroundColor":"#212121","bufferColor":"#454545","height":24,"opacit y":1},"finish":"0","local":null,"cloudfront":"d1y9lu9mznaao3.cloudfront.net","splash":true,"splash_i mage":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png","data":{"width":"640","height":"360","affiliate_id":"","button_text_color":"#FFFFFF","bu tton_body_color":"#000000","html_body_color":"#000000","simple_page_name":"","button_body_translucen t":"true","html_body_translucent":"true","skin":"electric_blue","target":"bWVkaWEtbWVudG9ycy13ZWVrLT Mtd2ViaW5hci0xLm1wNA==","scaling":"orig","shadows":"true","autoPlay":true,"autoBuffering":"true","al low_fullscreen":"true","control_type":"show","promote_software":"","finish":"0","simple_page":"","us e_conversions":"0","use_upsells":"0","source":"bW9kdWxlNHBhcnQxNS0xLmZsdg==","splash":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png"}}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].embed_code = "<div id="evp-094b566ec1a42cdc6eecad88387a3342-wrap" class="evp-video-wrap"></div><script type="text/javascript" src="http://player.affiliatedotcom.com/fr...><script type="text/javascript">_evpInit('bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==');</script>"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].div_id = 'evp-f7be0555750712ba6518ac333444e0d8'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].alternate_embed = false; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].file_extension = 'mp4'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].local_assets = ""; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].project_name = "EasyVideoPlayer Pro"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].affiliate_url = "http://%s.webactix.hop.clickbank.net/"; if(typeof(_evpInit) === 'undefined') { function _evpInit(id) { _evpLoad('assets.php?v=1.1.14', function() { _evpGo(id); }); } } ---> end code I have been using the script below to make it so that a random image is displayed every time the page is refreshed or accessed. It has worked very well, but what i am wondering is does anyone know how to make this code adapt to embedding video urls, so a random video would be displayed from the list whenever the site was accessed or reloaded? I have tried several variations without luck. I am not really a coder so most of what i do is trial by error, but i was hoping someone else might be able to point me in the right direction. Thank you! Here is the code i am using for the random image generator: HTML Code: <SCRIPT language="Javascript"><!-- function image() { }; image = new image(); number = 0; // imageArray image[number++] = "<img src='First Image url' border='0'>" image[number++] = "<img src='Second Image url' border='0'>" increment = Math.floor(Math.random() * number); document.write(image[increment]); //--> </SCRIPT> I'm having a really odd problem with the html audio player. It looks fine if I don't click the play button, but the moment I click the play button, it would disappear and reappear around 15-20 pixels lower. Here is my code for a simple audio player: HTML: Code: <div id="audioplayer"> <span class="eightonesmall" id="audiotext"> Background music control</span> <audio controls="controls"> <source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" /> <source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" /> </audio> </div> CSS: Code: body { margin: 0; padding: 0; width: 100%; height: 100%; overflow:hidden; background-image:url(../pictures/drawings/backgrounds/menubackgroundbubbles.png); background-position:center; background-attachment:fixed; } #audiotext { vertical-align:middle; color:#CCCCCC; } #audioplayer { position:fixed; top:10px; right:10px; border:3px double #FFF; height:30px; } The same problem occurs for an audio player that I've set to hidden, and will appear if I click an arrow and disappear if I click another arrow. It hides it and re-appears fine, just the player shifts down 15-20 pixels if I click play... HTML: Code: <div class="collapsearrow"> <img src="pictures/thumbnails/musicboxbuttons/collapsearrow.png" alt="collapsearrow" onclick="document.getElementById('song1').style.visibility='visible';"/>Liangzhu </div> <div id="song1" style="visibility:hidden;"> <img src="pictures/thumbnails/musicboxbuttons/contractarrow.png" alt="contractarrow" onclick="document.getElementById('song1').style.visibility='hidden';"/> <audio id="musicboxplayer" controls="controls"> <source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" /> <source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" /> </audio> </div> CSS: Code: #musicboxplayer { position:relative; width:86px; height:25px; } .collapsearrow { float:left; } #song1,#song2,#song3,#song4 { width:150px; float:left; } Does anyone know what's causing this? Thanks. Hiya, My form has two submit buttons. How do I set a particular one to be used for when the user presses their Enter key? Thanks, James Hey guys Im having trouble with some html code, if you could help out that would be great. What im trying to do is put an activeX control into a .htm page and use a html form. The .htm uses the activeX to read a .txt file, and displays the data in a table, with headings, descriptions, images, and a text box used for selecting a quantity. Then at the bottom of the page, I have made a simple send to email button, and a reset button. However my problem is; I dont think the code for the form is enclosing the whole table. Here's the code I hope this works... <body> <object id="Productlist"classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL"value ="data/Partsproductlist.txt"/> <param name="UseHeader" value="TRUE"/> <param name="FieldDelim" value=","/> </object> <table DATASRC="#Productlist" style="border-style: ridge; border-color:darkseagreen; background-color:lightcyan"> <thead><tr style="background-color:aqua"> <th></th> <th>Product Name</th> <th>Product Description</th> <th>Unit Price</th> <th>Quantity</th> </TR></thead> <tbody> <tr style="background-color: ***hsia"> <td><span><img DATASRC ="#Productlist" DATAFLD="ProdImage" width="150" height="150" /></span></td> <td><span DATAFLD ="ProductName"></span></td> <td><span DATAFLD="ProductDescription"></span></td> <td><span DATAFLD="UnitPrice"></span></td> <td> <form><input type="text" name="quantity" id="numberinput" value="0" tabindex="0"/></form></td> </tr> </tbody> </table> <form Name="FormProductBoundOrder" method="post" action="mailto:abc@abc.co.uk" subject="emailsubjectwouldgohere"> <input type="submit" value="send"/> <input type="reset"/> |