HTML - What Is Wrong With The Embedded Video Here?

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

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!

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

I am using wordpress blog. I have a simple site that is hosted by my school. I was wondering if it where possible to embed the blog within my blog page on my website?

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.

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?

I can get the example at Http://www.w3schools.com/xml/xml_data_island.asp to work just fine but when I try it with my own XML and HTML files it only displays a little white box.

My XML: Code:

<?xml version="1.0" standalone="yes" ?> 
- <IncrepDataset xmlns="http://tempuri.org/IncrepDataset.xsd">
- <Control>
  <Control_ID>0</Control_ID> 
  <Name>DocViewer</Name> 
  <Filename>docviewer.dll</Filename> 
  <Icon>doc</Icon> 
  <IncrepLoadable>true</IncrepLoadable> 
  <Version>4.0.0.28546</Version> 
  <TStamp>2006-11-06T18:00:09.4160070-06:00</TStamp> 
  </Control>
- <Control>
  <Control_ID>-1</Control_ID> 
  <Name>RIDS</Name> 
  <Filename>ridswrapper.dll</Filename> 
  <Icon>tool</Icon> 
  <IncrepLoadable>true</IncrepLoadable> 
  <Version>4.0.0.28559</Version> 
  <TStamp>2006-11-06T18:00:32.8518090-06:00</TStamp> 
  </Control>
- <Control>
  <Control_ID>-2</Control_ID> 
  <Name>Explosives</Name> 
  <Filename>atfwrapper.dll</Filename> 
  <Icon>tool_bomb</Icon> 
  <IncrepLoadable>true</IncrepLoadable> 
  <Version>4.0.0.28559</Version> 
  <TStamp>2006-11-06T18:01:01.2952610-06:00</TStamp> 
  </Control>
- <Control>
  <Control_ID>-3</Control_ID> 
  <Name>ChecklistViewer.Bomb Response</Name> 
  <Filename>checklistwrapper.dll</Filename> 
  <Icon>tool_checklist</Icon> 
  <IncrepLoadable>false</IncrepLoadable> 
  <Version>4.0.0.28559</Version> 
  <TStamp>2006-11-06T18:01:21.5461976-06:00</TStamp> 
  </Control>
- <DataType>
  <Datatype_id>1</Datatype_id> 
  <name>String</name> 
  <description /> 
  </DataType>
- <DataType>
  <Datatype_id>2</Datatype_id> 
  <name>Decimal</name> 
  <description /> 
  </DataType>
- <DataType>
  <Datatype_id>3</Datatype_id> 
  <name>INT</name> 
  <description /> 
  </DataType>
- <DataType>
  <Datatype_id>4</Datatype_id> 
  <name>Boolean</name> 
  <description /> 
  </DataType>
- <DataType>
  <Datatype_id>5</Datatype_id> 
  <name>DateTime</name> 
  <description /> 
  </DataType>
- <IncidentReport>
  <IncidentReport_ID>0</IncidentReport_ID> 
  <Name>new</Name> 
  <TStamp>2006-11-06T18:00:01.8344249-06:00</TStamp> 
  <ProfileName>Bomb Response</ProfileName> 
  <GUID>b2d785ca-98c2-47dd-9343-3714598d8f31</GUID> 
  <License>24CC0LFL5T0K5D3944700DLRWYNU3R</License> 
  <Version>4.0.0.26014</Version> 
  </IncidentReport>

My HTML: Code:

<html>
<body>

<xml id="log" src="CurrentLog.xml"></xml>

<table border="1" datasrc="#log">
<tr>
<td><span datafld="Name"></span></td>
<td><span datafld="Version"></span></td>
</tr>
</table>

</body>
</html>

okay so what i want to do is have tables embedded inside of a top level table to auto wrap in the same manner that text does. meaning, as the table is built i want the embedded tables to be rendered in left to right order and upon reaching the rightmost edge of the top level table (set width="100%") then it will start rendering the embedded tables under that first group and once again left to right.

using the following image, the white is the page itself, the red is the top level table and the green is the embedded table (with blue inside of it to show its td/tr elements) i want each green table to simply build left to right and wrap in the same manner that text does as they reach the rightmost edge of the red table.



currnetly what is occuring is that all the green tables are built in a top down method, so they all stack on top of each other.

Hello all,

Working on a site for a client, and unfortunately I'm getting some errors in IE. Chrome and Firefox seem to work fine, but with IE8 I'm not sure of the changes.

Here is the page: http://redd-design.com/clients/shepedals/index.htm

I'd love to hear some input...thanks!

Hey everyone,

First time poster here with a slight dilemma. I am rather new to the world of coding and have hit my first "Cant find it on google" roadblock.

Basically I need to make an embedded email form for a webpage that allows users to basically send an email right from the page to whoever they want. I would like the email to have an image inside of it, and when the recipient opens the email it has the senders message along with the image and link to the webpage.

We can start with the basics on making an embedded form that allows them to input their recipient of choice.

Any help you guys can give would be GREATLY appreciated.

Edit: Essentially I am looking to embed a "Share this Site" type form, only it shares the specific page/image they are looking at.

Thanks!