...

View Full Version : Trying to add OSM player to wordpress template



nobodygetshurt
11-08-2012, 11:08 PM
This is most likely a syntax issue, but i could really use some help here.

I'm trying to implement OSMplayer (http://mediafront.org/osmplayer) into an existing wordpress template, and it just doesn't run the code. I'm assuming it's an issue of calling conflicting javascript files.

OSMplayer code:


<html>
<head>
<!-- Start OSMplayer -->

<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
<script type="text/javascript" src="bin/osmplayer.compressed.js"></script>

<!-- Include the OSM Player template files. -->

<link rel="stylesheet" href="templates/default/css/osmplayer_default.css">
<script type="text/javascript" src="templates/default/osmplayer.default.js"></script>
<script type="text/javascript">
$(function() {
$("#osmplayer").osmplayer({
width: '100%',
height: '100%',
playlist: 'http://gdata.youtube.com/feeds/api/videos'
});
});
</script>

<!-- End OSMplayer -->
</head>
<body>
<div id="osmplayer"></div>
</body>
</html>


This works by itself, but when I input this into the wordpress page (below), it doesn't work.

Wordpress page header code:


<html>
<head>
</style>
<link rel="alternate" type="application/rss+xml" title="Jodi The Yogi &raquo; Feed" href="http://localhost/joditheyogi/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Jodi The Yogi &raquo; Comments Feed" href="http://localhost/joditheyogi/?feed=comments-rss2" />
<link rel="alternate" type="application/rss+xml" title="Jodi The Yogi &raquo; Home Comments Feed" href="http://localhost/joditheyogi/?feed=rss2&page_id=16" />
<link rel='stylesheet' id='flexslider-css' href='http://localhost/joditheyogi/wp-content/themes/child_care_new/css/flexslider.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='nivoslidercss-css' href='http://localhost/joditheyogi/wp-content/themes/child_care_new/css/nivo-slider.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='jigoshop_theme_styles-css' href='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/css/frontend.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='jigoshop_fancybox_styles-css' href='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/css/fancybox.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='jqueryui_styles-css' href='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/css/ui.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='child_care_creative_css-css' href='http://localhost/joditheyogi/wp-content/themes/child_care_new/style.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='child_care_creative_jigoshop-css' href='http://localhost/joditheyogi/wp-content/themes/child_care_new/style.jigoshop.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='child_care_creative_media-css' href='http://localhost/joditheyogi/wp-content/themes/child_care_new/style.media.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://localhost/joditheyogi/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.3.1' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost/joditheyogi/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/themes/child_care_new/js/jquery.flexslider-min.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/themes/child_care_new/js/jquery.nivo.slider.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/plugins/widget_area_manager/javascript.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/themes/child_care_new/js/javascript.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/js/jquery.fancybox-1.3.4.pack.js?ver=3.4.2'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/js/blockui.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/js/jigoshop_frontend.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-content/plugins/jigoshop/assets/js/script.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/joditheyogi/wp-includes/js/comment-reply.js?ver=3.4.2'></script>
</head>
<body>
</body>
</html>


I've had a similar issue in the past, where the solution was just adding or removing a "$" here and there. I'm wondering if that's the case this time as well?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum