HTML - Problem Sprymenu Youtube Video

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?

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

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>

****

I've been using Visual Studio 2005 to create a website, and my embedded videos will not play. They play fine when I start the website through VS 2005, but if I just open the files through IE, they videos don't start. VS shows the site through IE as well, so I'm not sure what the problem could be.

Here's some code:
<tr>
<td colspan=14 align = center>
<EMBED width="512" height="429" src="../../Videos/1.1-video.wmv" ></EMBED>
</td>
</tr>

<tr>
<td colspan=14 align = center>
<a href="../../Videos/1.1-video.wmv" target='_blank' onmouseover="launch='white'" onmouseout="launch='#999999'"
style="text-decoration: none">
<font id="launch" size="3" face="Bookman Old Style" color="#9999">
<b>Launch in External Player</b></font>
</a>
</td>
</tr>

The second part of the code launches the video in an external player correctly.

When I click on Error Reason, it gives me this:

You've encountered error message C00D11B1 while using Windows Media Player. The following information might help you troubleshoot the issue.

Cannot play the file
Windows Media Player cannot play the file. You might encounter this error message for one of the following reasons:

Your sound device is not functioning properly. Try using Device Manager to check the status of your sound device.

You are trying to play a file on the Internet and the server might be temporarily unavailable or there might be a network issue. Try again later.

You are trying to play an MP3 file that contains compressed ID3 headers. The ID3 header is a portion of the file that stores the song's album information (for example, the song name, artist name, album name, and genre). This information is sometimes called a "tag."

I've finally figured out how to get my video started, but it won't loop.
Also, the video won't work in IE.
I'm trying to load this video without forcing my viewers into installing plugins, if possible.

http://www.prestigekitchensandbaths.com/test/

Here's the code I'm using to make it work.
Code:

<div id="transitions">
        <object data="transitions/home.avi"
          type="video/x-msvideo"
          width="850"
          height="420">
          <!param name="src" value="transitions/home.avi"> !Works with IE, but craps out Firefox :(
          <param name="autostart" value="true">
          <!param name="background" value="transparent">
          <param name="loop" value="true">
          <!param name="movie" value="transitions/home.avi">
        </object>
</div>

I'm having trouble with embedding multiple videos to the same player. I'm not using asx files, but rather wmv to make a selection-list. I found a site that solved my due problem and the thing works. however!! The URL in the code refers to youtube videos, and that's great and all, but I needed 'em to link to my own media files. so I changed the URL's to those on my server, and here's the problem: when doing it offline with the files on my harddrive I can add as many files I want to without it complaining, but the second it goes online or I link to wmv files on the internet it can't seem to get a connection. It only works if I have but a single <div> entry typed. As soon as I add more the thing bugs. I even tried changing "application/x-shockwave-flash" to "application/x-mplayer2" Please!! Any solution to this?? What am I doing wrong??

Example with ref's to youtube-videos, below.

<div id='videoPlayback' style='width: 435px; height:350px; background-color: #800000;'></div>

<div id='selectDemo2' style='display: none'>
<object width="320" height="285">
<param name="movie" value="http://www.youtube.com/v/c6SHsF1n9Qw"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/c6SHsF1n9Qw&autoplay=1"
type="application/x-shockwave-flash" wmode="transparent"
width="320" height="285"
autostart=0
showstatusbar=1>
</embed>
</object>
</div>

<div id='selectDemo2' style='display: none'>
<object width="320" height="285">
<param name="movie" value="http://www.youtube.com/v/-is63goeBgc"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/-is63goeBgc&autoplay=1"
type="application/x-shockwave-flash" wmode="transparent"
width="320" height="285"
autostart=0
showstatusbar=1>
</embed>
</object>
</div>

<A HREF="#" onclick='return playVideo("selectDemo1","videoPlayback")'>RvD2: Ryan vs. Dorkman 2</A>
<BR>
<A HREF="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Beatboxing Flute <q>Peter and the Wolf</q></A
<BR>

<script type="text/javascript">function playVideo(sourceId, targetId) { if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);} if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);} targetId.innerHTML=sourceId.innerHTML; return false;}</script>

I have the png over an embedded video and the center of the png is transparent, but because the the cursor doesn't recognize the video play button behind it, I can't click on it. Is there a way to have the png in the foreground, but use recognize the link behind it?

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.

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

Hi. I'm using HTML 5 video to deliver .mp4's to my site. I recently added hotlink protection via my root .htaccess file:

(I've replaced my website with "mysite.com" for security purposes:
Code:

RewriteCond %{HTTP_REFERER} !^http://mysite.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://mysite.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.mysite.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.mysite.com$      [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp|mp4|m4v)$ - [F,NC]

This script blocks direct access to all image files and mp4/m4v files. Images display normally on the site, as they should, but videos no longer display. When I use the Flash-based Flowplayer to play my videos, instead of HTML 5 tags, they work fine, but the videos just won't show using HTML 5. They were working before, and I have changed nothing to my code except add hotlink protection to the .htaccess file. What's wrong, and what can I do to fix this? Is there another way to block direct access (i.e. browsing to the file using the address bar) to mp4 files without forbiding access to HTML 5 <video> tags on my website?

Thanks!

hi i'm new to htm, infact new to making websites at all.

i spent ages writting an intoduction, but some one deleted it.

i have started writting my first HTML page :

http://normington.superfreehost.org/...age%204.1.html

so far it's just some embeded movies from youtube.

my first problem is that i want to align text to the left of the video and centered vertically.

my second problem is that when i view the page source through mozilla i find some extra text that i cant see if i view the page in wordpad.

"<!-- Paste this code into the body section, not the head section of the page -->
<script type="text/javascript"><!--
ch_client = "b0redum";
ch_non_contextual = 0;
ch_keywords = "tech,free";
ch_linkStyle= "style3";
//--></script>
<script src="http://scripts.chitika.net/static/linx/chitika_linx.v3.js" type="text/javascript">
</script>
<div id="PaypopupStartCode" style="display:none">
</div>
<script language="JavaScript1.1">
if (typeof(paypopupScriptStart) == 'undefined') {var paypopupScriptStart = false;}
if (!paypopupScriptStart) {
document.write(unescape("%3Cscript")+' src="http://www.bu520.com/popup.php?'+(new Date()).getTime()+'&id=azzamartin&pop=enter&t=1&subid=107931&blk=1&fc=-1"'+unescape("%3E%3C/script%3E"));
paypopupScriptStart = true;
}
</script>
<noscript>
</noscript>"

what does this text do, and how do i move it?

any advice about my page would be apprichiated, items to add etc,
the next thing i want to do is make a comments page.
is this an easy thing?

thanks for your help,
Normington.

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