HTML - Position Youtube Video At An 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?

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

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>

****

Hello html forum and members'
site error page ---

help !! cant find the < that is breaking my page....
thanks a million....
-tikki-

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

Howdy all,

I have three scrolling divs that i want to be the height of the page, so i'm guessing position:absolute and height:100% will do that just fine.
But i want these three scolling divs to be inside a position:fixed element so that they stay put when scrolling down the page.
Is this possible? I dont think a pos:absolute will work nested inside a pos:fixed.
How could i work around it? thanks!

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

When I embed a YouTube video in my webpage, it is left-justified. What HTML tweak do I need to center this puppy?

The standard code is:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/NA0iGQCd4TM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NA0iGQCd4TM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Thanks in advance for the help.

I am looking to do something, that seems a bit complex, because I cannot find anything similar online to use as an example.

In simple terms: I am trying to show on a web page a display of YouTube content from a specific user, that will automatically update through the RSS feed showing the latest videos, and when a user clicks on the video, it plays on the same web page.

I have found HALF of this, with a script called video box, however you need to manually enter the videos in yourself. I am looking for this to be an automatic thing and it seems that RSS is the best way to do that.

If anyone has any suggestions please respond.

hi
well i have one query regarding allignment
i am trying to embed sm youtube videos in one of website but i am unable to allign thm
as i wanna put thm to center plz help
thanx in advance
Code:

<div allign="center">
<object width="225" height="144">
<param name="movie" value="http://www.youtube.com/v/pa-iiKJ1QHI&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6">
</param>
<param name="allowFullScreen" value="true">
</param>
<embed src="http://www.youtube.com/v/pa-iiKJ1QHI&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" div allign="center" allowfullscreen="true" width="225" height="144">
</embed>
</object>
</div >

So I found this website: http://blogoscoped.com/youtube-api/

And I want to be able to use some of the code on a program I am using that will write the HTML to a GUI. But, if I simply copy the source and then paste to a blank HTML and run (I do have the SWFObject) none of the commands register. I can see all of the windows/objects, but clicking anything does nothing.

Any help would be awesome!