HTML - Links Corresponding To Embedded Video Questions
Hello!
I'm developing a site for a local comedy troupe and was wondering what would be the best way to go about this. Here is the draft: www.djhmusic.com/tlk Listed at the top left are each of the troupe's sketches. I want to be able to click on, for example, "Mood Rings" and have the youtube embedded video play in that video window where the player graphic is. The embed code for the Mood Rings video on youtube is: <code> <!--Begin <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/INuh84DCJbM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/INuh84DCJbM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> --end> </code> What's the best/easiest way to do this? iframes? Thanks so much, Dan Similar TutorialsIs there any way to embed windows media video into html without using active-x. This would be for a computer without administrative priveledges (unable to download active-x components) to view video through an html interface. I can only think of using a direct link to the file, which would require the player to be used externally. I think any embedded call up of the player will need to use embed or object tags, which need active-x (as far as I can tell, and my testing has shown) Any light shone on this black math would be greatly appreciated-- Thanks, Tim Here is the code I'm using to put in the video window: HTML Code: <script> function doChangeVideo(myVal) { mediaPlayer.autoStart= "true" mediaPlayer.fileName= myVal } </script> . . . <table border='0' cellpadding='0' align="center"> <tr><td> <OBJECT id='mediaPlayer' width="320" height="285" 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="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv"> <param name='animationatStart' value='true'> <param name='transparentatStart' value='false'> <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="320" height="285" src="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv" autostart="false" designtimesp='5311' loop="false"> </EMBED> </OBJECT> </td></tr> <!-- ...end embedded WindowsMedia file --> <!-- begin link to launch external media player... --> <tr><td align='center'> <a href="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv" style='font-size: 85%;' target='_blank'>Launch in external player</a> <!-- ...end link to launch external media player... --> </td></tr> </table> <CENTER><form> <select name="section" size="1" language="javascript" onChange="doChangeVideo(this.options[selectedIndex].value);"> <option selected>Select a video...</option> <option value= "mms://media.huntingtonnews.net/video/2007/BillDargusch-Downtowns-1.wmv">Happy Daze</option> <option value= "mms://media.huntingtonnews.net/video/2007/AtlantisLaunch-1.wmv">Shuttle Atlantis Suffers Some Damage during Launch</option> <option value= "mms://media.huntingtonnews.net/video/2007/TheTams@PullmanSquare-1.wmv">Pullman Kicks Off Summer Concert Series</option> </select> </form></CENTER> And everytime you scroll the page up and down the video just stalls on a single frame and the controls can't get it running correctly again, you just have to choose another option. And also any time I choose an option on the drop down menu the entire page locks up until the streaming video completes buffering. I'm using the CIT embedded video generator code here so I don't know it as well as I should but are there some ways to fix those problems with it or is it just going to be like that with embedded windows media player?... Codeguru I would like to include on my website streaming HD video not unlike Youtube or Vimeo. How hard is this? Both in terms of the video compression and the coding for the site. Where do I look for info to help me out? I have a very basic knowledge of HTML and CSS, but not much else. Are the videos on Youtube and Vimeo flash? I am not sure if "streaming" or "embedded" is the proper term for what I want to do. I'll be starting with mp4 files, since those are best for encoding HD... I use x264 codec and encode 720p @ 2.5Mbps for great quality and decent filesize. But somehow Youtube compresses it even further. Example, I had a 5 minute 720p mp4 file that was around 100MB. I uploaded it to Youtube and it is now available in HD and looks pretty good. But if I watch my network connections as I am streaming it, only 20MB transfers... which means they compressed it 5 times better than I had it! That is definitely important because if I try to have streaming HD and it's not compressed enough, it won't be watchable for most people. Hi, i am developing an embedded webserver on a microcontroller to perform low level hardware monitoring. My webserver got the GET, HEAD and POST methods. I need to moniotor some inputs of the microcontroller. For now i am using a GET method to every 200ms to check its status and the server retreive the information of the inputs. Thats is consuming too much of my band as i have to constantly poll the line with GET. Is there any possibility to creeat a webpage where a webserver can update some data (without reloading the whole page) when the webserver wants and with no need of some request from the webpage? Inside the microcontroller side this is kind easy to perform with interruputs. But i dont know how to implement that on a WebPage. Thank you Hello guys, I have embedded this video on simple html page. I want that video to float in the middle of the screen. It looks OK on FireFox, but it appears on the left edge when played on Safari. (I have not checked it on IE.) What is wrong with that code? here is the link to that page: http://www.icebergfilms.com/cineDemo.html and here is that code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> <html> <head> <title>cinematography Demo by IcebergFilms</title> </head> <body bgcolor="#000000"> <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320"> <param name="src" value="http://www.icebergfilms.com/demo1.mov"> <param name="autoplay" value="true"> <param name="type" value="video/quicktime" height="448" width="768"> <table width="768" height="548" align="center"> <tr> <td><embed src="http://www.icebergfilms.com/demo1.mov" align="middle" height="448" width="768" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></td> </tr> </table> </object> </body> </html> Thank you so much for any advise. Hi all, I'd like some help with the coding so that I can wrap text around embedded video. I'm not a genious at HTML so if you could make it easy to understand that would be great. Thanks in advance. 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, Using the Greasemonkey script on Facebook, I was able to embed a video on my website. However, the code is not XHTML compliant (includes embed tags). The code is below. I've struggled trying to convert this into code using the object tag. is it possible? Can someone show me where I need to move each part of the existing code into an "object" based code? Thanks, Josh Code: <embed type="application/x-shockwave-flash" src="http://b.static.ak.fbcdn.net/swf/mvp.swf?7:136764" width="576" height="432" style="" id="so_mvp_swf_4962e86f49d3b2a98429149" name="so_mvp_swf_4962e86f49d3b2a98429149" bgcolor="#000000" quality="high" allowScriptAccess="always" scale="showall" allowFullScreen="true" wmode="window" flashvars="video_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F58389155428_4899.mp4&stage_width=756&stage_height=567&motion_log=%2Fvideo%2Fmotion_log.php&video_id=553535535428&video_length=408440&video_seconds=408&video_category=0&video_rotation=0&video_href=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D58389155428&fbt_play_again=Play+Again&fbt_go_to_video=Go+to+Video&fbt_next_video=Next+Video&fbt_share=Share&video_player_type=video_player_permalink&video_width=756&video_height=567&slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_slate.swf%3F7%3A134155&tail_slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_tail_slate.swf%3F7%3A134155&next_video_url=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D6637075428&video_owner_name=Becky+Draper-Vilimek&video_owner_href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D6545535428&video_timestamp=Added+on+Thursday&video_title=Our+Wedding+-+September+13%2C+2008&thumb_url=http%3A%2F%2Fvthumb.ak.facebook.com%2Fvthumb-ak-sf2p%2Fv643%2F101%2F68%2F682235428%2Fb682244448_58389155428_1292.jpg&highqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv247%2F26%2F116%2F58389155428_44340.mp4&lowqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F55355355428_4899.mp4&fbt_lowqual=View+in+Regular+Quality&fbt_highqual=View+in+High+Quality&highqual_is_on=1&string_table=http://static.ak.fbcdn.net/js_strings.php/t85501/en_US&swf_id=so_mvp_swf_4962e55435442a98429149"/> Hi i have sucessfully added an embedded code to my site... not a problem.. copied and pasted html coding from a video.. into html view.. fine. However.. the video appears top left of my page always. Within the embed video code i see no parameters for screen positioning.. just size.. which is repeated twice (all codes from utube vids etc seem the same) eg <object width="400" height="300" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/124990176803" /><embed src="http://www.facebook.com/v/124990176803" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="300"></embed></object> is there a piece of html code i should add... either within this before it or after it? Im new to this stuff.. been on ages! Please help! Hi there, I know nothing formal about HTML, hence the code below being converted from an Open Office file. Hopefully it is readable - it is some declarations, a body with maybe 10 links in it, and then an embedded video code from Exposure Room. I have the alignment how I want it, but the background-black in the body doesn't work any more. Is anyone able to show me how to keep the center alignments I have but also switch the background of the whole page to black? It works if I take out the <center> tags but then everything is left aligned, which I don't like. Any help would be appreciated, cheers, Tony Code: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!--This file was converted to xhtml by OpenOffice.org - see http://xml.openoffice.org/odf2xhtml for more info.--><head profile="http://dublincore.org/documents/dcmi-terms/"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/><title xml:lang="en-US">- no title specified</title><meta name="DCTERMS.title" content="" xml:lang="en-US"/><meta name="DCTERMS.language" content="en-US" scheme="DCTERMS.RFC4646"/><meta name="DCTERMS.source" content="http://xml.openoffice.org/odf2xhtml"/><meta name="DCTERMS.creator" content="Tony Wilkes"/><meta name="DCTERMS.issued" content="2011-04-17T19:59:38.83" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.contributor" content="Tony Wilkes"/><meta name="DCTERMS.modified" content="2011-04-17T20:31:54.51" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.provenance" content="" xml:lang="en-US"/><meta name="DCTERMS.subject" content="," xml:lang="en-US"/><link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" hreflang="en"/><link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" hreflang="en"/><link rel="schema.DCTYPE" href="http://purl.org/dc/dcmitype/" hreflang="en"/><link rel="schema.DCAM" href="http://purl.org/dc/dcam/" hreflang="en"/><base href="."/><style type="text/css"> @page { } table { border-collapse:collapse; border-spacing:0; empty-cells:show } td, th { vertical-align:top; font-size:12pt;} h1, h2, h3, h4, h5, h6 { clear:both } ol, ul { margin:0; padding:0;} li { list-style: none; margin:0; padding:0;} <!-- "li span.odfLiEnd" - IE 7 issue--> li span. { clear: both; line-height:0; width:0; height:0; margin:0; padding:0; } span.footnodeNumber { padding-right:1em; } span.annotation_style_by_filter { font-size:95%; font-family:Arial; background-color:#fff000; margin:0; border:0; padding:0; } * { margin:0;} .P1 { font-size:12pt; font-family:Trebuchet MS; writing-mode:page; text-align:center ! important; color:#b3b3b3; } .T2 { font-size:10pt; } <!-- ODF styles with no properties representable as CSS --> { } </style></head><center><body dir="ltr" style="max-width:21.001cm;margin-top:2cm; margin-bottom:2cm; margin-left:2cm; margin-right:2cm; background-color:#000000; "><p class="P1">Lying Down</p><p class="P1">*</p><p class="P1"><a href="http://www.lyingdown.co.uk/index.xhtml">Trailer</a> * <a href="http://www.lyingdown.co.uk/part1med">Part 1</a> * <a href="http://www.lyingdown.co.uk/part2med">Part 2</a> * <a href="http://www.lyingdown.co.uk/part3med">Part 3</a> * <a href="http://www.lyingdown.co.uk/part4med">Part 4</a> * <a href="http://www.lyingdown.co.uk/part5med">Part 5</a> * <a href="http://www.lyingdown.co.uk/part6med">Part 6</a> * <a href="http://www.lyingdown.co.uk/part7med">Part 7</a> * Download</p><p class="P1"><span class="T2"/></p><p class="P1"><a href="http://www.lyingdown.co.uk/indexlow"><span class="T2">Lowest quality</span></a><span class="T2"> * </span><a href="http://www.lyingdown.co.uk/indexhigh"><span class="T2">Highest Quality</span></a></p><p class="P1"><span class="T2"/></p><p class="P1">*</p> <object id="xrPf8470a83ede543789fc18d1556be86e9" width="640" height="360" type="application/x-shockwave-flash" data="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=f8470a83ede543789fc18d1556be86e9&size=md&titleColor=%23ffffff"><param name="movie" value="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=f8470a83ede543789fc18d1556be86e9&size=md&titleColor=%23ffffff" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="True" /><param name="wmode" value="opaque" /></object><div><div class="viewOnXRDiv"><a href="http://exposureroom.com/f8470a83ede543789fc18d1556be86e9" class="viewOnXRLink" title="Lying Down trailer by Tony Wilkes - View it on ExposureRoom" target="_blank">View on ExposureRoom</a></div></div> </body></center> </html> Hi, as the title says, I am wondering if there is a way to include the content of a link in the page itself. example: this is a regular link to a html page: <a href="next.html">next</a> let's say I don't want the file next.html, is there a way to include the content of next.html somewhere and refer to it from the page directly? I am not sure I am explaining this well, so I'll say it again: I want to be able to put several html files in one file, meaning I click on links for pages defined in the same html file I am viewing. (this is for use with a tab system in iframes generated dynamically from a database) As an exemple, if we use an iframe, you can include html code between <iframe>html code here</iframe> directly without using src, so I guess we can do the same for just about any link? for sure this can be done, but can it be done in html or do I have to use javascript or something? thank you Hi, i'm new here, and new at html, i have 2 questions. I've building a website and i want to know is there a differnet about the way to wrote a meta tags, what the best way to wrote them that the search engine find them ? Example 1 : forum,website,internet (without space) Example 2 : forum, website, internet (with space) Question 2, it's about a display link, when i rollover the mouse on some link it's display it on the bottom of internet explorer like on this picture : Is there a code to disable it, that anyown rollover want see the link ? Thanks in advance. Hi all I'm not exactly super profficient with HTML but I kinda know what I'm doing. I'm making a html document for the place that i work which stors quite large video files ona server (in the order of 1.5 to 2gig). I have the HTML document on another server, however. Basicaly what i want to do (and this is a very simplified version of my goal but its where the problem lies) is to have links from that HTML to the video files on the video server. So you click the link and it asks you if you want to save it or open it etc.. So this seems fairly simple... i've just got a <a href="\\videoservername\vod$\video_library\example.mpg">Click Here</a> which works but INCREDIBLY SLOWLY. I mean i knew it would take 5 minutes to copy the videos across... which it does if i link to the directory of the video rather than the video itself. So thats all good. But when its linked directly to the video file it takes a good 15 minutes between the 'Save or open' box and the 'where do you want to save' box. Once it does come up it saves in about 5 minutes like expected. I just dont get why it takes so long for the 'where would you like to save' to come up. If anyone knows a way around this or could even exaplain why its like this, it would be greatly appreciated. Thanks Adam Hey all, Is it possible to shut down video screen automatically after displaying the video? I mean, after video is over, is it possible to hide the video screen? ( I tried to use embed tag... <embed src="myVideo" autostart="true" /> ??) Thanks, Doron Hello, first post. HELLO! my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue? thanks. http://www.brewrecords.net HTML Code: <?php get_header(); ?> <div id="content"> <div id="homepagetop"> <div class="textbanner"> <?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <?php endwhile; ?> </div> <div id="homeslider"> <?php include(TEMPLATEPATH."/includes/slider.php");?> </div> <div class="homewidgets"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?> <div class="widget"> <h4>Widget Area</h4> <p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p> <p><small>*This message will be overwritten after widgets have been added</small></p> </div> <?php endif; ?> </div> </div> <div id="homepage"> <?php include(TEMPLATEPATH."/sidebar_left.php");?> <div class="homepagemid"> <h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3> <?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?> <div class="homepagecontent"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> <?php endwhile; ?> </div> <?php include(TEMPLATEPATH."/sidebar_right.php");?> </div> </div> <!-- The main column ends --> <?php get_footer(); ?> Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Hello, I am trying to add an RSS feed that pulls from about a few sites to http://www.econslt.com/test/index3.html under "Breaking News". I want this to update and conform to about the dimensions on the page 235 x 300. This is also my first RSS so I'm not too sure on the process. What is the best way to accomplish this? The site is ECI, I want to pull from the links at http://www.usa.gov/Topics/Reference_...Security.shtml. So, I want them to display as links under the "Breaking News" section. you click, you go to the article. But, how can I make this also something you can subscribe to? problem now fixed thanks very much for the help Hey, On my site i have currently got windows media player to play an embedded wma file Code: <object id="MediaPlayer" height=46 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"> <param name="filename" value="Windows XP Startup.wma"> <param name="Showcontrols" value="True"> <param name="autoStart" value="True"> <embed type="application/x-mplayer2" src="Windows XP Startup.wma" name="MediaPlayer"></embed> </object> That's my current source code for it ideally i would like to make it have the playlist option so on the playlist they can double click which songs they would like to listen Is this possible Cheers Lolium P.s, would it be possible for people who view the web page to browse the directory were the audio files will be kept? so they can choose which song to play?? Here is my website for starters: http://divinedragons.tk If you navigate to my Schedules page, you can see there is an embedded calendar. At the bottom of this calendar, there is a line of text saying: "Want to add an event to this schedule? Contact us by clicking on the link above, and we will post it as soon as possible." I view this website on the current computer I'm using on Firefox, and the line of text can be viewed just perfectly. On my other networked computer, however, in MSN Explorer, i view the same page, but the same line of text seems to be too large, and it cuts off half the phrase. I was thinking the screen resolution was different, and that caused the text to be cut off in the browser. Yet i think there is a way for this line of text to be viewable on any computer, regardless of any screen resolution. I put the embedded code in a table format, as it is currently. The embedded code is with between the tags <TABLE><TD> and </TD></TABLE>. I remember looking somewhere that putting code in a table would cause it to appropriately "resize" itself in any monitor/screen resolution/browser size. Apparently it does not. So, I came here to ask an HTML expert if there is any way for my embedded calendar's footer text to be fully viewed, in any screen resolution or browser. Thanks for your time, and thanks so much in advance. |