HTML - Open A Youtube Video In An Empty Page
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 Similar Tutorialssaw 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 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? 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. Hello, IE8 can't read my Youtube video here : http://www.imi-solutions.com/?page_id=1631 Thank you for your help ! 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 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? How do I post a youtube video at a 30deg angle? 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! Hello, 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 to all I have a question , sorry for my English. I want to Make a page that can open local video files in windows default player with the <a HREF="movie.avi"> tag , without downloading the video file (because the video files are in my local disk).I use wamp server program to work as a server.I have tried to do it but it keeps downloading the video files and it trEats them like their are not local.the options that it gives me is to open it or download it I choose to open it but it stills download it. In the past I embedded several (with makers permission) youtube clips into a html web page (with the file stored on my server). It worked fine. But now I am trying to imbed the higher quality youtube version (codec mp4a), again, with the file stored on my server, and the code I used previously doesn't work... Can anyone advise on what I need to do? What the correct code is etc. I have googled it, but am more confused than when I started! Thanks in advance :-) 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 How to add .swf and video to html page with disabling scrollbars and stretching the .swf and video to the whole page? I am using these codes for creating projects for sale purposes, I am also asking for permission for using these codes for my projects! looking 4wrd. I want to have a FLASH video overlay an image (the first frame of the video). How to I do this? I've tried using the <NAME> tag and the <ID> tag. Neither works, or I'm not coding them correctly. To view the video I'm working with click on this URL: http://RDStouffer.net/geyser/ The above directory contains three items - geyser.jpg, index.html and geyser.swf Here is the relevant HTML code-- <IMG SRC="geyser.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="Sawmill geyser"> <OBJECT CLASSID='clsid27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH='320' HEIGHT='240'><PARAM NAME=MOVIE VALUE='geyser.swf'><PARAM NAME=QUALITY VALUE=HIGH><PARAM NAME=BGCOLOR VALUE=#FFFFFF></OBJECT> How do I modify this code so the SWF video clip plays on top of the geyser.jpg image rather than next to it? Thank you for your help. [Where did this grinning green lightbulb come from? More important, how do I get rid of it?] Uncle Richard I tried to embed a wmv video in my web page, using this code: <HEAD><meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="imagetoolbar" content="false"> </HEAD> <BODY bgcolor="#000000"> <p align="center"> <img border="0" dynsrc="baby_girl.wmv" start="fileopen"></p> </BODY></HTML> I uploaded the wmv into a folder called just_like_daddy on my website called www.lovetoamuse.com On a blog I placed this link to the page: www.lovetoamuse.com/just_like_daddy To complicate matters, the video shows up on my computer, but when I try to see to it from the blog on another computer, it doesn't work. What code can I use to ensure it works everywhere, using the url www.lovetomuse.com/just_like_daddy Thanks I am having a problem with my site on IE 6. It's weird because I downgraded my browser to IE 6 so that I can detect these kinds of problems but it looks fine on my computer but weird on others. Heres my issue.... On IE 6, after the movie loads up, it stops loading the rest of the html after the video. So right after the video,the rest of the coding won't load. It works on every other browser but I want to try to get it to work on IE 6 because a lot of people still use it. Here is one of my video pages http://webtvdeluxe.com/v2/videos/Jones%20vs%20Trinidad/ It anyone can help me out, that would be great. Thanks in advance Hello, Can anybody post a code that will let me embeed remote .FLV video into web page by using IFRAME? Thanks How to open page B from page A after 15 seconds automaticaly? |