HTML - Embed A Youtube Video Into A Web Page
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 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> **** Hello all! I need some help to make a link on my webpage which can open a Youtube-video in a new empty window. Youtube.com offers to types of linking the video-code: a) a regular URL-link for opening the video in a regular youtube-page (with all menus and ads) Example: http://www.youtube.com/watch?v=_i_VvpQbYj4 b) an embed-code which will show the video anywhere you want on your webpage. Example: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/_i_VvpQbYj4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/_i_VvpQbYj4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> So I guess we have to combine these two methods for solving the problem? Perhaps I can make an empty html-page called "\videopage.html", and then make a link-code which opens the videopage.html showing the video embedded? Like this: 1. Make a file called "\videopage.html" 2. Make a link on my webpage with the unknown code. 3. When a user clicking on my video-link, it opens the page called "\videopage.html" and plays the video. 4. I have many videos linking from youtube, so I think I have to re-use the page called "\videopage.html" many times. 5. This means the "\videopage.html" needs to be empty all the time, and just be 'called on' by the code. Can anyone help me? I hope a clever HTML-coder can make this work... Anyone with ideas? Best regards, Stereoid Hi, I'm looking to be able to put a little youtube login onto my site. It's a personal site, where i have some private videos embedded, and i don't want to need to go to youtube each time to login, but rather do it directly out of my site. So, i need this login to do 2 things 1) successfully login me into my youtube account 2) bring me back to my site, instead of taking me to the youtube homepage I tried copying the relevant code from the page source, and placing it on my site, but, it wouldn't even log me in. I'm pretty clueless when it comes to trying to examine code and figuring out what does what, and what i need to change to get it the way i want. Any help at all - if at all possible specific instructions - would be greatly appreciated. Thanks all! Hello, IE8 can't read my Youtube video here : http://www.imi-solutions.com/?page_id=1631 Thank you for your help ! hello, i want to put a youtube video on my site,for example <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/QmIDEGtFfhU&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/QmIDEGtFfhU&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> as you can see the size is "425 with 355".but i dont want that size,its too big for my site. so i tryed to modify it, putting width="220" and height="200" in both object and embed. i tested my page,the movie window is indeed smaller but the video image IS NOT.you know that there is youtube logo on each clip when you put it on a website,and on my page that logo is seen on half. can i make it to show full image? (i hope you understand the problem) thank you. Sorry do not know which forum to post this. I would like to post videos on my site but behind my user authentication. It would be nice to use the YouTube service since it optimizes automatically but I do not want the videos public. I already have some public ones on my YouTube channel. Is there an alternative method I can post videos on my authenticated pages that cannot be access with a direct link? Hi everyone! I'm new here! And i got a real weird problem! Like you can see on my image, i use a Spry Horizontal Menu and a Youtube Video. And when i use Firefox the Menu is over the video (Ok) But when i use other kind of browsers the video is over the menu, only able to see the 3 sub menus! I'm using javascript in the Spry Horizontal Menu and the iframe embed code in the youtube video. As already happened this to anyone! Someone know how to solve it? What code do you need to see? Please help Website URL - http://www.cae.eu5.org How do I post a youtube video at a 30deg angle? hi, i have a twelve videos and want upload on my website...! i want to create a youtube video gallery like in which video play on left hand side and other video thumbnail on right hand side with paging...! and all the pages have this gallery...! i dont know whatz the method or tool to create video gallery...! if u have any idea and tool or any suggestion kindly inform me...! last thing is that i dont want to use any database...! is it possible? I would like to link an youtube video on one of my blog post using the embedded code that youtube provided. So I added in my post html view this code: <iframe width="640" height="360" src="http://www.youtube.com/embed/mIhqjRWZ77Y" frameborder="0" allowfullscreen></iframe> Before to publish the post I tested it, with the wordpress preview option. Some browser not works well.This is the scenario: 1) Using the last version of the Internet Explorer browser the post with the video works fine. 2) Using the last version of the Google Chrome browser I have to reload the html page two times before to view exactly the embedded video. After that the page works fine but when I load for the first time the page I don't see the video. 3) Using the last version of the Safari and the Firefox browser I have to reload two times the html page before to view the embedded video and after I have a problem viewing the video. The message is that the format video is not supported. Could you please help me to solve the problem. Which is the correct way to use the embedded code starting from youtube website ? How can I debug the issue ? Thanks a lot. Hello, I am loading a webpage with an embedded youtube video (and paragraphs of text data) into an iframe window. This works fine, but when I scroll the iframe window (up/down), the youtube video doesn't scroll with it. It distorts. To be clear, I have two browsers, Mozilla Firebird, and IE6, and in Firebird it works fine, IE6 is where I have the trouble. Here is the code. Here is the css part of the loaded page: Code: <STYLE TYPE="text/css"> <!-- #video { position: absolute; margin-top: 200px; margin-left: 20px; } --> </STYLE> here is the embedded video of the loaded page Code: <div id="video"> <object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/Yi-wNLT3HjA"> </param> <embed src="http://www.youtube.com/v/Yi-wNLT3HjA" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object> </div> Okay, now here is the iframe code, the window into which the video is loaded The css part Code: <STYLE TYPE="text/css"> <!-- #datawindow { position: absolute; filter:alpha(opacity=80); width: 210px; height: 600px; margin: 0; margin-top: 180px; margin-left: 180px; font-weight: normal; } --> </STYLE> The code in the body: Code: <div id="datawindow"> <iframe name="stuff" id="framewindow" src="home.html" frameborder="0" scrolling="auto" width=500 height=510 marginwidth=5 marginheight=5 scrolling="auto"></iframe> </div> Does anyone have any idea what I'm doing wrong, why the video isn't properly scrolling in the iframe window? Thanks for any feedback! 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: 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 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! 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! 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 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 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> Hi everyone, I would like to embed another web site/page into a table on my page. The page I want to embed is mine, so there is no copyright issues. I would like to do this without using frames, unless I can use frames, but there be no scroll bars, just to extend the column downward. I would like it to appear as if you couldn't tell that it was from another page. Any help will be greatly appreciated. Musicman1994 |