could anybody tell me how could I embed this video to a fancybox popup?
Video: http://www.tm-tube.com/video/28199/XTA+-+WAR+4+-+THC+VS+3DMAX+-+R3
Website: http://thc-racing.ucoz.com/index/gallery/0-9
Under: Having Fun! i would like to replace that image with the video from link above.
Is that possible?
Thanks!
First, go on TMTube and get the embed code for your video.
Second, use the Inline content way described in the Fancybox doc :
<a class="fancybox" id="inline" href="#video">This shows your video</a>
<div style="display:none">
<div id="video">
<script type="text/javascript" src="http://www.tm-tube.com/js/embed.js.php?id=28199"></script>
<noscript><object type="application/x-shockwave-flash" data="http://www.tm-tube.com/vimp.swf?playlistmode=media&mediaid=28199&webtv=false&hosturl=http%3A%2F%2Fwww.tm-tube.com%2Fflashcomm.php" id="flashcontent_511cc6b591bcf" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="c6a80378-3eb2-47e7-8415-ba1f7cff037e" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="480" height="270" align="middle"><param name="movie" value="http://www.tm-tube.com/vimp.swf?playlistmode=media&mediaid=28199&webtv=false&hosturl=http%3A%2F%2Fwww.tm-tube.com%2Fflashcomm.php" /><param name="width" value="480" /><param name="height" value="270" /><param name="align" value="middle" /><param name="quality" value="high" /><param name="allowscriptaccess" value="always" /></object></noscript>
</div>
</div>
Working jsFiddle.
Related
I am coding interactive short story and and embedded my Flash into my HTML page but it is not playing at all. It's just a black screen. The animation plays fine when using Safari though.
Help would be welcome ASAP.
This is the code I used to embed the swf file:
<div id="sleepingvideo">
<object width="720" height="510">
<param name="movie" value="SC_Flash.swf" />
<param name="allowfullscreen" value="true" />
<param name="scale" value="noScale" />
<param name="salign" value="lt" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="path=deuter" />
<embed margin-height="100" width="600" height="400" src="survey.swf"
flashvars="path=deuter" allowfullscreen="true"
allowscriptaccess="always" name="player1" scale="noScale"
salign="lt"></embed>
</object>
</div>
I advice you to use SWFObject for flash embedding. It works everywhere.
I used
<object type="application/x-shockwave-flash" onmouseup="document.location='http://www.pageopensafterclick.com'" height=50 width=150>
<param name="wmode" value="transparent" />
<param name="movie" value="myswffile.swf" />
</object>
to embed my swf file and link it to another page, but it is only working in Chrome, I.E., opera but not in Firefox. Can someone please tell me a code which works in all the browsers.
I would be so thankful.
<div onmousedown="window.location.href='new_location'">
<object>
<param name="movie" value="3.swf">
<param name="wmode" value="transparent" />
<embed wmode=transparent allowfullscreen="true" allowscriptaccess="always" src="3.swf"></embed>
</object>
</div>
I am embedding a video from my screencast.com account into my weebly website.
I am using the HTML appended at the bottom of this posting.
It is appearing with a thin border line on all sides except the right hand side.
You can see it here, its the second video down on the right hand side of this page:
http://www.themathstutor.ie/home-temp.html
I have tried making more physical space in the web page for it, but that does not seem to be the reason.
Can I put something in the HTML to put a thin line around the whole thing?
I have tried putting in different dimensions in the HTML, and sometimes I get the border on the RHS, but never all 4 at the same time.
Can someone advise please?
<!-- copy and paste. Modify height and width if desired. -->
<object id="scPlayer" width="320" height="180" type="application/x-shockwave-flash" data="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/scplayer.swf" >
<param name="movie" value="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/scplayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashVars" value="thumb=http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/FirstFrame.jpg&containerwidth=320&containerheight=180&autohide=true&autostart=false&loop=false&showendscreen=true&showsearch=true&showstartscreen=true&tocdoc=float&xmp=sc.xmp&content=http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/IntroVideoV5.mp4&blurover=false" />
<param name="allowFullScreen" value="true" />
<param name="scale" value="showall" />
<param name="allowScriptAccess" value="always" />
<param name="base" value="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/" />
<iframe type="text/html" frameborder="0" scrolling="no" style="overflow:hidden;" src="http://www.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/embed" height="180" width="320" >
</iframe>
</object>
Wrap your code in a div and set a border to 1 pixel.
<div style="border:1px solid black;width:320px;height:180px;">
<!-- your code -->
</div>
So my basic understanding was that the <noscript> tag was used to display content if the user has scripting disabled, especially useful when there is no flash player.
So I am trying to figure out why in some code that was sent to me, that they have an <object> tag inside of the <noscript> tag...
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="785" height="525" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="home.swf" quality="high" bgcolor="#ffffff" width="785" height="525" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="https://www.adobe.com/go/getflashplayer" />
</object>
</noscript>
Second part to my question is, can you put an image map in place of the flash player if scripting or flash has been disabled...
need to put an image map with two area coords:
<area shape="rect" coords="175,196,372,250"> <area shape="rect" coords="417,197,616,249">
The noscript element is designed to let you give alternate content (text) to users who have Javascript disabled.
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
alert("Hello, world!");
</script>
<noscript>You have Javascript disabled.</noscript>
</body>
</html>
To provide alternate content for Flash, display the Flash using an object element, then embed another object element within it that contains the picture, like so:
<!DOCTYPE HTML>
<html>
<body>
<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="800" height="600">
<param name="movie" value="home.swf">
<object data="somePicture.png" type="image/png"></object>
</object>
</body>
</html>
I want to display the Chart of swf type. It is displayed proeprly in firefox and ie but in chrome it is not displayed. In chrome the chart will be displayed after a click on the chart div. Data for chart is loaded properly but will be displayed only on click.
my code is:
<?php
$link = "/flash/Chart.swf?theXml=".urlencode(url_for('#chartCompare?series='.$seriesName.'&id='.$seriesId.'&source='.$sourceName,true));
?>
<div style="margin-top:10px; margin-bottom:10px">
<object style="z-index:-1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="560" height="180" id="Chart" align="middle" >
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<PARAM NAME="WMODE" VALUE="transparent">
<param name="movie" value="<?php echo $link; ?>" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
<embed src="<?php echo $link; ?>" wmode="transparent" quality="high" bgcolor="#ffffff" width="560" height="180" name="Chart" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
Anybody have any idea? ...Thanks in advance.
Try removing param movie, worked for me. It's kind of a hack but you just turn off that line if chrome (or can try !IE since firefox probably doesn't need it either).
Others have had luck with swfobject loading: http://www.adobe.com/devnet/flashplayer/articles/swfobject.html