PHP echo inside javascript

Question

I've got jwplayer installed in wordpress and have it showing in a single.php page... the way I have it I need to get a custom field in the javascript and I;m having no luck echoing it in there. I know you cant straight up run PHP in a javascript function, hence I'm here asking noob questions :)

<script type='text/javascript'>
jwplayer("lbp-inline-href-1").setup({
'flashplayer': '/wp-content/uploads/jw-player-plugin-for-wordpress/player/player.swf',
'image': '/wp-content/themes/sometheme/images/vid.png',
'file': '<?php echo get_post_meta($post->ID, 'video', true); ?>',
'skin': '/wp-content/plugins/jw-player-plugin-for-wordpress/skins/skewd.zip',
'stretching': 'exactfit',
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script> 

is it possible to get

<?php echo get_post_meta($post->ID, 'video', true); ?>

Running in there for the file path?

Thanks for any advice.

Answer 1

Have a read through this article:

Adding Scripts Properly to WordPress Part 2 – JavaScript Localization

What you are doing here is passing your PHP values to the WordPress JS localization system. This then allows your JS code to get access to those variables you have passed.

Answer 2

Echo out the JavaScript in your header.php file

<?php 

echo '<script type="text/javascript">'; 

echo 'loads of JavaScript code';

echo get_post_meta($post->ID, 'video', true);

echo '</script>'; 

?>