HTML - Embedded Youtube Video On Wordpress Post

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

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 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?

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.

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.

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

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

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&amp;stage_width=756&amp;stage_height=567&amp;motion_log=%2Fvideo%2Fmotion_log.php&amp;video_id=553535535428&amp;video_length=408440&amp;video_seconds=408&amp;video_category=0&amp;video_rotation=0&amp;video_href=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D58389155428&amp;fbt_play_again=Play+Again&amp;fbt_go_to_video=Go+to+Video&amp;fbt_next_video=Next+Video&amp;fbt_share=Share&amp;video_player_type=video_player_permalink&amp;video_width=756&amp;video_height=567&amp;slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_slate.swf%3F7%3A134155&amp;tail_slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_tail_slate.swf%3F7%3A134155&amp;next_video_url=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D6637075428&amp;video_owner_name=Becky+Draper-Vilimek&amp;video_owner_href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D6545535428&amp;video_timestamp=Added+on+Thursday&amp;video_title=Our+Wedding+-+September+13%2C+2008&amp;thumb_url=http%3A%2F%2Fvthumb.ak.facebook.com%2Fvthumb-ak-sf2p%2Fv643%2F101%2F68%2F682235428%2Fb682244448_58389155428_1292.jpg&amp;highqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv247%2F26%2F116%2F58389155428_44340.mp4&amp;lowqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F55355355428_4899.mp4&amp;fbt_lowqual=View+in+Regular+Quality&amp;fbt_highqual=View+in+High+Quality&amp;highqual_is_on=1&amp;string_table=http://static.ak.fbcdn.net/js_strings.php/t85501/en_US&amp;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/&amp;assetId=f8470a83ede543789fc18d1556be86e9&amp;size=md&amp;titleColor=%23ffffff"><param name="movie" value="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&amp;assetId=f8470a83ede543789fc18d1556be86e9&amp;size=md&amp;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>

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>

****

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(); ?>