JW Player embedded flash player not playing properly - javascript

PROBLEM: when i press play the audio starts but the video does not.
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JW Player for Flash</title>
</head><body>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("player","9.0.98","expressInstall.swf");
</script>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="468" height="262">
<param name="movie" value="player-licensed.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=Bioshphere-Museum-of-Water.flv&image=preview.jpg" />
<object type="application/x-shockwave-flash" data="player-licensed.swf" width="468" height="262">
<param name="movie" value="player-licensed.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flv&image=preview.jpg" />
<p>Get Flash to watch this video.</p>
</object>
</object>
</body>
</html>
LIVE EXAMPLE: http://solomongiles.com/mediamar/readme.html
Solutions?

Use the script found here, http://www.walkernews.net/2008/01/11/how-to-embed-flv-flash-in-wordpress-or-html/, with new player. It works in IE. I've also added allowfullscreen="true" allowsscriptaccess="always" after the size parameters. Plays in IE but no full screen. Help with this if you can please.

Works fine here in mac/safari 4.0.3.
However I do notice one thing - your flashvars for the object and param bits don't match up. They should be the same.
Also, you make want to look into a more flexible embedding solution such as SWFObject (it helps you do player detection and will let your document validate as XHTML as well)

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="640" height="480"><param name="flashvars" value="file=http://www.webiste.com/admin/php_uploads/video.flv&image=imgs/image_large.jpg" /><param name="movie" value="flvplayer/player.swf" /><embed src="flvplayer/player.swf" width="640" height="480" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.webiste.com/admin/php_uploads/video.flv&image=imgs/image_large.jpg" /></object>

Related

play livestreaming video from rtsp link on mozilla and chrome browsers

In my web application am able to display the video from rtsp link on mozilla browser but not able to display on chrome. Please suggest me to solve this problem.
this is my code
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" events="True">
<param name="Src" value="rtsp://cameraipaddress" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<embed type="application/x-google-vlc-plugin" windowless="true" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="100%" height="100%" src="rtsp://admin:admin#x.x.x.x:111/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif" ></embed>
</OBJECT>

Html5 player no plugin needed

please help me guys this is my code and it works fine with me on the pc browsers but it need plugin to play it. I searched and tried a lot of methods to play this link live stream video but all of them are failed. This is the only code that plays the channel on the pc browsers and i need someone to help me or re-write the code so that can be played on pc and mobile devices browsers.
<html>
<head>
</head>
<body>
<object id='mediaPlayer1' width="640" height="360"
classid='clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="http://168.187.49.14:8080" />
<param name='animationatStart' value='true' />
<param name='transparentatStart' value='true' />
<param name='autoStart' value="false" />
<param name='showControls' value="true" />
<param name ="ShowAudioControls"value="true" />
<param name="ShowStatusBar" value="true" />
<param name='loop' value="false" />
<embed type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="640" height="360"
src="http://168.187.49.14:8080" autostart="true" designtimesp='5311' loop="false"> </embed>
</object>
</body>
</html>

Trying to play a mp3 file when a page reloads in jsp using the <object> tag

I have used the following code to play a sound:
<object>
<param name="autostart" value="true">
<param name="src" value="bgmusic.mp3">
<param name="autoplay" value="true">
<param name="controller" value="true">
<embed id="hidden-embed" src="bgmusic.mp3" controller="true" volume="1" autoplay="true" autostart="True" type="audio/mpeg" hidden="true" loop="true" />
</object>
The mp3 is being played in a notmal html page. However when putting the same tags in a jsp page its not being played. Any suggestions would be of great help.

How can use setTimeout() to start a Flash animation?

I am desperately trying to get this flash animation to play after 5 seconds, but nothing I do seems to make it work.
This is the code I am using:
function waitFiveSec() {
window.setTimeout(startPlaying,5000);
}
function startPlaying() {
window.document.getElementById("FlashID")
}
I am then calling the waitFiveSec() function on the HTML document:
<body onload="waitFiveSec()">
This is for a class project where I have to do timeline based events, so I have never really used JavaScript before.
Can anyone help me on this?
HTML Flash Code:
<div id="animation">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="365" height="295" id="FlashID" title="Tractor Animation">
<param name="movie" value="../Multimedia elements/Animations/Tractor Animation Opt 2.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="autoplay" value="false" />
<param name="PLAY" value="false" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../Multimedia elements/Animations/Tractor Animation Opt 2.swf" width="365" height="295">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="autoplay" value="false" />
<param name="PLAY" value="false" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<p> </p>
</div>
</div>
Nothing seems wrong.
Only makee sure the file get loaded before you called from your html.

javascript regex: replacing non youtube embeds

I'm trying to write a simple regex that will locate object tags and ignore any matches that contain the words "youtube or "youtu.be".
I've tried
<object .*?>.+?(?=youtube|youtu\.be).+?<\/object>
Which successfully locates object tags WITH those words in them, but the converse does not work and instead just returns all object matches.
<object .*?>.+?(?!youtube|youtu\.be).+?<\/object>
Any idea what I'm missing here?
EDIT:
It has to look through a source similar to:
fdgfdgfdg
<object width="560" height="315">
<param name="movie" value="http://www.youtube.com/v/-F_ke3rxopc?version=3&hl=en_US">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/-F_ke3rxopc?version=3&hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true">
</embed>
</object>
fdgfdgdg
<object width="400" height="300">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=31589401&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=31589401&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300">
</embed>
</object>
fdgdgg
Then pick out object blocks that do not contain the words so than I can run a replace on them.
a valid but not perfect regex would be:
<object.*>.*(youtube|youtu\.be).*<\/object>
btw. http://www.rubular.com/ is a nice website to check regular expressions

Categories