|
HTML - Videos Not Displaying On My Blog With My New Theme
Hey guys! So I've tried a couple themes for my blog on Tumblr.com and both themes I tried had "endless scrolling" and for some reason my videos are not displaying on these themes! In place of the videos it says "Flash player required"
(The videos are uploaded with Tumblr's video uploader, the few videos I have from Vimeo show up, but they do not fit the layout properly) Is there anything I can do? I can send anybody the HTML if you think you can help! (It's really long / I'm not sure if it will paste here) I can also send you the link to my blog! Similar TutorialsBasically, I have created this theme http://rmlewisuk.tumblr.com which works fine on a blog with many posts, but when I install the theme on a blog with no posts, only the header shows. The sidebar and footer do not. Here is the code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="http://manordesign.co.uk/therobb/resources/blog/style.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="text:TwitterUsername" content=""/>
<meta name="text:Tagline" content="Put your own tagline here"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Font" content="#555555"/>
<meta name="color:Link" content="#ff0000"/>
<meta name="color:Link Hover" content="#a8a8a8"/>
<meta name="color:Title" content="#000000">
<meta name="color:Post Title" content="#000000">
<title>{block:PostTitle}{PostTitle}{/block:PostTitle} | {Title}</title>
<style type="text/css">
body {
background: {color:Background};
color: {color:Font};
}
a:link {
color: {color:Link};
}
a:hover {
color: {color:Link Hover};
}
h1 {
color: {color:Title};
}
h2 {
color: {color:Post Title};
}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="/"><h1>{Title}</h1></a>
<p>{text:Tagline}</p>
</div>
<div id="content">
{block:Posts}
{block:Text}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<div>
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<div>
{Body}
</div>
</div>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Text}
{block:Photo}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Photo}
{block:Photoset}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
{Photoset-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Photoset}
{block:Quote}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Quote}
{block:Link}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<h2><a href="{URL}" class="link" {Target}>{Name} →</a></h2>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Link}
{block:Chat}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<strong><span class="label">{Label}</span></strong>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Chat}
{block:Audio}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post audio">
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Audio}
{block:Video}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
{Video-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Video}
{Block:Answer}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<a href="{Permalink}">{Question}</a>
<p>{Answer}</p>
</li>
<p><a href="{ShortURL}">Permalink</a></p>
<hr/>
{/Block:Answer}
{/block:Posts}
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">Newer Posts </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">Older Posts</a>{/block:PreviousPage}
{/block:Pagination}
</div>
<div id="sidebar">
<p class="image"><img src="{PortraitURL-128}"></p>
<h3>About</h3>
{Block:Description}
<p>{Description}</p>
{/Block:Description}
{Block:HasPages}
<hr/>
<h3>Links</h3>
{block:Pages}<a href="{URL}">{Label}</a><br/>{/block:Pages}
-<br/>
{/Block:HasPages}
{Block:AskEnabled}<a href="/ask">{AskLabel}</a><br/>{/Block:AskEnabled}
<br/>
<hr>
{Block:IfTwitterUsername}
<h3>Twitter</h3>
<ul id="twitter_update_list"></ul>
<p><a href="http://twitter.com/{text:TwitterUsername}">Follow me</a> on Twitter</p>
<hr>
{/Block:IfTwitterUsername}
<p class="image"><a href="http://panic.com/coda/"><img src="http://manordesign.co.uk/therobb/resources/blog/coda.png"></a></p>
<hr>
<p class="image"><a href="http://manordesign.co.uk"><img width="70%"src="http://manordesign.co.uk/therobb/resources/blog/logo.png"></a></p>
</div>
<div id="footer">
Manor Sans Theme by <a href="http://manordesign.co.uk">Manor Design</a> | <a href="/archive">Archive</a> |
<a href="{RSS}">RSS</a> </div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:TwitterUsername}.json?callback=twitterCallback2&count=5"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-13281881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Does anyone know the reason for this and how I might go about fixing it? Thanks in advance. Hello everyone, I am trying to put a title in italics in a static page of my Tumblr blog, but Italics are not showing in Chrome or Mozilla. They do show in IE. When I save the text with <i> tags, they revert back to <em> automatically, and that doesn't seem to be triggering itals in the two browsers besides IE. Is there anything I could add to the theme code to make the <i> tags stick or to trigger itals in some way? The page in question is: http://stevenniles.tumblr.com/music I would like to italicize the words: L'Isle Joyeuse Thank you very much! Steven Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander Hi I've built a website for my karaoke show, and would like to add a blog page to the site. Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers. I was wondering... - what some good options are ie what blog software to use - if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages) I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party. The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link. Cheers Shaun Im doing a website and have some videos up. I want to be able to have pictures of all the available videos and when the user clicks one of them I want that video to load right next to all the pictures. I remember Google videos had something like this, when you clicked the video you wanted it loaded the video in that page without getting rid of the pictures of all the videos, but they don't have that option anymore. This is the website im doing. http://eyeamchito.fileave.com/videos.html Thanks in advance if I got you confused let me know. Hey whatsup? I am working on a wrestling site ( www.bballcentral.com/stkf ). ANyways, im trying to get videos up onto the site? How do i do that and what sthe best ways? I'm trying to make it possible to download a couple of MP4 videos off of the website I'm working on. I'm using the following code, which I'm pretty sure should work, because when I switch the video name to the .WMV version it works with no problem. The links also work fine when I open the .htm with Firefox or IE, they just fail when they're hosted and online. <a href="Path to the video on my computer"><img src="Path to the image on my computer" alt="GR Magic Download"></a> Does anyone know what is wrong and how I can fix it? The videos don't have to be playable (but it would be nice), they just need to be able to be downloaded. Thanks! Hey guys I'm trying to get Quicktime videos to play on my website using Internet Explorer. This is what i have: <?xml version =1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm11/DTD/xhtm11-strict.dtd"> <html xmlns = "http://ww.w3.org/1999/xhtml"> <head> <Title>WE Productions Showreel: JuicyFruit </head> <body> <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="576" width="720"> <param name="src" value="Videos/JuicyFruit.mov" /> <param name="autoplay" value="true" /> <param name="controller" value="true" /> <embed pluginspage="http://www.apple.com/quicktime/download/" src="Videos/JuicyFruit.mov" type="video/quicktime" height="576" width="720" controller="true" autoplay="true" ></embed> </object></div> <img border="0" src="Video Images/JuicyFruitInfo.jpg" width="200" height="300" style="position: absolute; left: 730px; top:50px"> </body> </html> This works in all other internet browsers except in Internet Explorer. In IE it shows nothing...not even the infomation .jpg image next to it. Help pls! what is the best way to play videos in an html page?? i need to play videos in my site... what is the fastest way to play videos in a normal speed (not slowly) Hey, I'm wanting to know how to place videos on a webpage that are personal to the website, in other words.. not a YouTube video. Like this for instance: http://www.stomperblog.com/darrin-mi...al-case-study/ How can i set up a video like this on a website? Do i need a certain program? Thanks! Hey! I've recently transfered my blog over to wordpress.org (from wordpress.com) and now have the ability to alter my template, but i need some help with a few things! The current widgets i have up i believe came across with the back up copy of my original blog, but they aren't mentioned within 'widgets' in my dashboard. I added a mailing list and I'm wanting it to appear under the search bar, i presume to do this i will need to alter the code, but i can't find where to edit the code as i added the mailing list box as a widget, and it hasn't seemed to appear within the code where all the other current widgets i have are displayed. Does anyone know how i can move the mailing list up higher?? Also, I'm wanting to create a 'home' page which directs back to the home page of my blog. I had this set-up on my previous blog where i set the title to the url. But i removed it as with the new template it directed to a new page, called home. I'm wondering if someone knows how i can set up a page that directs to the home page of my blog? And also, if it's possible to place the page at the front of my other pages. Ie. "Home : About : Recommended Reading". And not "About : Recommended Reading : Home". ? And one last thing! I'm wanting to add a Google search tool to the current search bar that's on my blog. I would like it to look the same, if thats possible(?) but have the option of searching my blog, or the web along with a small Google banner at the bottom. I'm unsure where i should add this code, as within the theme editor i have a section titled "search results" which is a fairly long php code, and i also have a small section within the "sidebar" section which says: <!-- Search --> <div id="sidebar-search"> <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" /> <input type="submit" id="searchsubmit" value="" /> </form> </div> <!-- /Search --> Should i add the Google html code to that part? Or will i need to change the php code as well for it to work? Appreciate any help! www.nikkisblogspot.com My wordpress theme that I am currently using is not widget aware. I suck really bad with html. I know this requires messing with the sidebar info, I read a couple tutorials on it, but its all over my head. Can anybody help? Here is my sidebar info The theme is "drunk loser" <div id="navigation"> <!-- Start of Navigation --> <div class="nav_title"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/last-posts.jpg" alt="Last Posts" /></div> <ul> <?php $posts = get_posts('numberposts=5'); foreach($posts as $post) : ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; ?> </ul> <div class="nav_title"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/archives.jpg" alt="Archive" /></div> <ul> <?php wp_get_archives('type=monthly&show_post_count=0'); ?> </ul> <div class="nav_title"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/links.jpg" alt="Links" /></div> <ul> <?php wp_get_links(1); ?> </ul> <table valign=top align=middle><tr><td><a href="http://www.jerseyshor3.com/go.php?site=jerseysurveysidebar&ref=<?php echo $_REQUEST['keyword'];?> "><IMG SRC="http://jerseyshor3.com/images/jerseysurvey.gif" BORDER=0 ALT=""></a></td></tr></table> <!-- End of Navigation --> </div> Hi, I have a site that has embeded Youtube videos. These pages load fine and videos appear in Firefox, but not in I.E. Any ideas? BMW Crazy Car Videos I'm building a website in which user after logging in can upload videos, but I've no idea how to create a database that can store videos. I'm using PHP mySQL PLZ help Hello, I am trying to make it so my tumblr will show 5-10 photos of my latest "likes". I found this code and it works but it lines the photos up top to bottom in a single row and I would like them from left to right placed next to each other. {block:Likes} <center><div id="likes_container"> <h2>Stuff I like</h2> {Likes limit="5" summarize="100" width="150"} </div></center> {/block:Likes} Everything on my site is centered and the background is stationary so people just scroll my tumblr easily. no sidebars etc... Thank You for any help on this. html help? heres the link to my blog: http://annnnabeee.tumblr.com/ see how i have infinite scroll activated? does anyone know why the first page is missing two photos and is centered a bit off? this happened when i put the html infinite scroll code in.. help please?!? I am making one in html without cookies all i want it to do is change the bg color and text color i have: HTML Code: <form action="Change BG" align="left"> <select name="Theme"> <option OnClick="document.bgColor='white';" value="White">White</option> <option value="Blue" OnClick="document.bgColor='blue'; ">Blue</option> <option value="Black" OnClick="document.bgColor='#000000'; ">Black</option> <option value="Pink" OnClick="document.bgColor='#ff00cc'; ">Pink</option> <option value="Grey" OnClick="document.bgColor='#555555'; "selected="selected">Grey</option> </select> </form> As you can see i have already made it so i can change to bg but not the text. Any idea how to? I am using Fusels Heart In A Cage theme for my tumblr blog. I decided to put a custom header image on top of where my posts go and my sidebar. You can see my problem he http://mainichi-melonpan.tumblr.com/ My header image's (Harmony Dreams) width is longer than the body on the theme. Also, if you can see, there is a small gap in between the image and the body where the background is showing through. What do I need to look for in the HTML coding to change the height and width of the body to match my image? Or do I need to change the image instead? Thank you in advance for the help! I have the 50webs site and I made it in FrontPage and used a FrontPage Theme, but when I uploaded it to 50webs the theme did not show up, can anyone help? I am having the hardest time getting my simple HTML theme on Elgg. Does anybody know of a good tutorial for this? The Themes documentation on the elgg website were cute, but I need something real. Anybody have any experience with this? http://elgg.org/ |
|||||||