Ask your WordPress questions! Pay money and get answers fast! (more info)

How do I get this player with playlist to work in WP? WordPress

  • REFUNDED

This is my first posting, so please forgive me if I do it wrong...

How do I get this script to work properly in the Karma Theme?

<!--VideoApps code BEGIN--><div id="dplayer_flash_26524" style="width:730px;height:725px;position:relative;"><div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:#000;"><div id="svp_no_flash_layer" style="margin:auto; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px; color:#fff; width:300px; height:120px; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:none;"><p align="left"><a href="http://get.adobe.com/flashplayer/" target="_blank"><img border="0" src="http://play.streamingvideoprovider.com/img/flash_icon.png" style="float:left; width:80px; margin-right:11px;"/></a><b style="font-size:14px;">ADOBE FLASH PLAYER</b><br />You are either missing or need to update your ADOBE Flash Player in order to see this video .<br /><br /><a style="color:#3ac9f8; text-decoration:none; font-size:11px; font-weight:bold;" href="http://get.adobe.com/flashplayer/" target="_blank">Download Now</a></p></div></div>VIDEO PLAYER by <a href="http://www.streamingvideoprovider.co.uk" title="video host">video hosting</a></div><SCRIPT LANGUAGE=JavaScript>svp_clip_id = "";svp_playlist_id = "";svp_player_height = "725";svp_player_width = "730";svp_player="26524";svp_uk="";svp_use_div="dplayer_flash_26524";svp_transparent="1";svp_bgcolor1="#ffffff";svp_bgcolor2="#e0e0e0";</SCRIPT><SCRIPT LANGUAGE=JavaScript TYPE="text/javascript" SRC="http://play.streamingvideoprovider.com/js/vapp.js" ></SCRIPT><!--VideoApps code END-->

Answers (7)

2013-01-09

Dbranes answers:

Hi Michael, have you tried this plugin

Smooth Streaming Video Player (SVP)

[[LINK href="http://wordpress.org/extend/plugins/smooth-streaming-video-player/"]]http://wordpress.org/extend/plugins/smooth-streaming-video-player/[[/LINK]]

<strong>EDIT:</strong>

you can also copy this HTML code directly into your post/page (just select the HTML tab in the Wordpress editor):

<div id="dplayer_flash_26524" style="width:730px;height:725px;position:relative;">
<object type="application/x-shockwave-flash" id="eplayer1357781799500" name="eplayer1357781799500" data="http://play.streamingvideoprovider.com/dplayer0.swf" width="730" height="725" style="visibility: visible;"><param name="quality" value="high"><param name="swLiveConnect" value="true"><param name="LOOP" value="false"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><param name="flashvars" value="clip_id=&amp;player_id=26524&amp;playlist_id=&amp;uk=&amp;color1=&amp;color1alpha=&amp;color=&amp;b_buttons=&amp;autoHide=0&amp;nexusUser=&amp;rid=1357781799500&amp;brandNW=1&amp;color_ratio=&amp;page=&amp;native_fs=1"></object>
</div>


<strong>EDIT 2:</strong>

Here is a shortcode that you use in posts/pages, for example like this:

[svp height="730" width="735" player="26524"]

Here is the corresponding code that you can put in the functions.php file in the current theme directory:

//
// shortcode svp
// usage: [svp height="730" width="735" player="26524"]
//
add_shortcode('svp', 'svp_func');

function svp_func($atts) {
extract(shortcode_atts(array(
'width' => '730',
'height' => '725',
'player' => '26524',
), $atts));

$height=(int)$height;
$width=(int)$width;
$player=(int)$player;

$html='<!--VideoApps code BEGIN-->
<div id="dplayer_flash_'.$player.'" style="width:'.$width.'px;height:'.$height.'px;position:relative;">
<div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:#000;">
<div id="svp_no_flash_layer" style="margin:auto; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px; color:#fff; width:300px; height:120px; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:none;"><p align="left"><a href="http://get.adobe.com/flashplayer/" target="_blank">
<img border="0" src="http://play.streamingvideoprovider.com/img/flash_icon.png" style="float:left; width:80px; margin-right:11px;"/></a>
<b style="font-size:14px;">ADOBE FLASH PLAYER</b><br />You are either missing or need to update your ADOBE Flash Player in order to see this video .<br /><br />
<a style="color:#3ac9f8; text-decoration:none; font-size:11px; font-weight:bold;" href="http://get.adobe.com/flashplayer/" target="_blank">Download Now</a></p></div></div>VIDEO PLAYER by <a href="http://www.streamingvideoprovider.co.uk" title="video host">video hosting</a></div><SCRIPT LANGUAGE=JavaScript>svp_clip_id = "";svp_playlist_id = "";svp_player_height = "'.$height.'";svp_player_width = "'.$width.'";svp_player="'.$player.'";svp_uk="";svp_use_div="dplayer_flash_'.$player.'";svp_transparent="1";svp_bgcolor1="#ffffff";svp_bgcolor2="#e0e0e0";</SCRIPT>
<!--VideoApps code END-->';

wp_register_script( 'svp', 'http://play.streamingvideoprovider.com/js/vapp.js', array(), '1.0', true );
wp_enqueue_script( 'svp' );
return $html;
}

2013-01-09

Agus Setiawan answers:

install this plugin : http://wordpress.org/extend/plugins/php-code-widget/

2013-01-09

Daniel Yoen answers:

Hello,

Depends on where you will put the widget,

try to go to Appearance > Widgets

Select "Text" Widget, drag it to where you will put the video widget in widget space is on the right, then paste your code here.

Hope this help :-)

2013-01-09

Arnav Joy answers:

where you want to have this code , in editor or in file?


Michael Tillman comments:

Editor


Michael Tillman comments:

Editor


Arnav Joy comments:

what is happening right now when you try to enter it in editor?

2013-01-09

Naveen Chand answers:

Here is a Step-by-Step guidelines on how to grab the code from your streamingvideoprovider. [[LINK href="http://www.streamingvideoprovider.co.uk/how_to_embed_streaming_video_in_worldpress.html"]]http://www.streamingvideoprovider.co.uk/how_to_embed_streaming_video_in_worldpress.html[[/LINK]]

You will be able to configure playlists also while you are creating the embed code. You can copy paste the embed code in any page or post in the wordpress under html Editor and not in Visual Editor. Publish the post and view it.


Naveen Chand comments:

Here is a Step-by-Step guidelines on how to grab the code from your streamingvideoprovider. http://www.streamingvideoprovider.co.uk/how_to_embed_streaming_video_in_worldpress.html

You will be able to configure playlists also while you are creating the embed code. You can copy paste the embed code in any page or post in the wordpress under html Editor and not in Visual Editor. Publish the post and view it.

<strong>PS:</strong> Sorry for reposting. I am doing this because my post doesnt appear in Recent Activities on the home page. So I guess my previous post might not have reached you.


Michael Tillman comments:

Neveen, thosee options are not available for PPV playlists.

I have attached a pdf.
The image on top is the script in an HTML page - works like it is supposed to.
The image at the bottom is the script in WP - doesn't work.