QuickTime MOV embedded in HTML page: Can't get controls to appear - html

Video plays fine, but the controls (play, stop, rewind etc.) don't appear, despite setting the "controller" parameter to "true".
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="260">
<param name="src" value="myvid.mov" />
<param name="controller" value="true" />
<object type="video/quicktime" data="myvid.mov" width="320" height="260" class="mov">
<param name="controller" value="true" />
</object>
</object>
Works fine when I refer to this video:
http://realdev1.realise.com/rossa/rendertest/quicktime.html
Do the controls need to be enabled when encoding the video perhaps?

The height of the movie + 16px should do the trick.

Related

Firefox won't play my .swf file

I'm trying to get my flash animation working in Firefox. It works excellently in both Chrome and Internet Explorer, but when I open up the webpage in FF it doesn't load. What's the problem? I'm seriously stumped. I also checked to see if there was any issues with my browser playing Flash in general but it works.
Here's the link to the site: http://mason.gmu.edu/~klee49/dees_peanuts/about_us.html
And here's the code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="FlashID" title="Dee's Peanuts Company Animation">
<param name="movie" value="assets/deespeanutsanimation.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10" />
<!-- 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" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="assets/deespeanutsanimation.swf" width="800" height="600">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 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" width="800" height="600" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Thanks for your help.
EDIT: Hi, to whoever happens to have this problem in the future, I managed a workaround by using an iframe tag instead of object.
<iframe src="assets/deespeanutsanimation.swf" width="640" height="480" title="Dee's Peanuts Company" border="0" /></iframe>

Prevent embedded HTML video from autoplaying

Here is my code:
<object id="flashObj" width="640" height="390" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
<param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isSlim=0" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashVars" value="videoId=3945004669001&playerID=2868544859001&playerKey=AQ~~,AAAABvZFMzE~,IXjx0MpOF0rs6Zj6tTY84DVV4TqsG9K-&domain=embed&dynamicStreaming=true" />
<param name="base" value="http://admin.brightcove.com" />
<param name="seamlesstabbing" value="false" />
<param name="allowFullScreen" value="true" />
<param name="swLiveConnect" value="true" />
<param name="allowScriptAccess" value="always" />
<embed src="http://c.brightcove.com/services/viewer/federated_f9?isSlim=1" bgcolor="#FFFFFF" flashVars="videoId=3945004669001&playerID=2868544859001&playerKey=AQ~~,AAAABvZFMzE~,IXjx0MpOF0rs6Zj6tTY84DVV4TqsG9K-&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="640" height="390" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" swLiveConnect="true" allowScriptAccess="always" pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></embed>
</object>
What code do I need to add, or how can I otherwise prevent this from autoplaying?
You could try something like adding flashvars="play=false"
However whether that will work or not depends on a number of different unknowns.
Check out How to make an embedded video not autoplay The first answer gives a far better explaination of it than I can.
However personally if this were a problem I were facing, assuming there was nothing stopping me from doing it I would use HTML5's video tag convert the desired video to MP4 and use it that way
Check out W3cshools for more info on HTML 5 video http://www.w3schools.com/html/html5_video.asp
I hope that helps !

Embedding an RTSP stream on a web page using QuickTime

I am attempting to embed an rtsp stream from an IP camera, using the quicktime plugin. Currently I can connect to the RTSP stream both locally and externally using QuickTime player, however when I attempt to embed the code into my web page, after quicktime prompts me for my permission to run, quicktime's logo comes up, and no video is loaded. Ive tried loading the web page on computers both inside and outside the network, and tried a generic texteditor HTML version of the code with the same results. Im confident that the problem lies somewhere around the code, not the network or stream, so if anyone has any suggestions, the help would be greatly appreciated.
Example:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="320" width="240">
<param name="src" value=
"rtsp://xxx.xxx.xxx.xxx:8554/CH001.sdp" />
<param name="autoplay" value="true" />
<param name="controller" value="true" />
<param name="loop" value="false" />
<param name="type" value="video/quicktime" />
<embed src="rtsp://xxx.xxx.xxx.xxx:8554/CH001.sdp" autoplay="true" controller="true" loop="false" height="320" width="240" pluginspage="http://www.apple.com/quicktime/download/" /></object>
Following is working for me in Internet Explorer. Hope this helps.
<html><body>
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="1280" height="720">
<param name="src" value="test1.qtl" />
<param name="autoplay" value="true" />
<param name="pluginspage" value="http://www.apple.com/quicktime/download/" />
<param name="controller" value="true" />
<object data="sample-movie.qtl" width="1280" height="720" type="video/quicktime">
<param name="pluginurl" value="http://www.apple.com/quicktime/download/" />
<param name="controller" value="true" />
</object>
</object>
</body>
</html>
And here is the corresponding .qtl file
<?xml version="1.0"?>
<?quicktime type="application/x-quicktime-media-link"?>
<embed autoplay="true" fullscreen="full" href="http://www.apple.com/quicktime/" src="rtsp://10.99.19.224:8554/test"
/>
For anyone needing this in the future, below code worked for me. just put the code inside HTML page and replace my RTSP url with your camera's specific url:
<script type="text/javascript">
document.writeln('<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width='
+ 720 + ' height=' + 480 + '
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">');
document.writeln('<param name="autoplay" value="true">');
document.writeln('<param name="controller" value="true">');
document.writeln('<param name="qtsrc" value="' +
'rtsp://192.168.1.90:554/user=admin&password=&channel=01&stream=0.sdp' + '">');
</script>

Is it possible to stretch video in video.js flash player?

I'm using video.js (v 4.3.0) with flash player on internet explorer.
How can i stretch the video to container area like in this example http://www.aleosoft.com/flashtutorial_autofitexample.html?
I've tried some modification on video.dev.js file to add <PARAM NAME="SCALE" VALUE="exactfit"> on generated flash object. And also i've changed the wmode from opaque to transparent like in the example page code. Modified video.js generates the flash player as below and still not stretching.
<object width="100%" height="100%" class="vjs-tech" name="video_1_flash_api" id="video_1_flash_api" data="video-js.swf" type="application/x-shockwave-flash" style="display: block;">
<param value="video-js.swf" name="movie">
<param value="readyFunction=videojs.Flash.onReady&eventProxyFunction=videojs.Flash.onEvent&errorEventProxyFunction=videojs.Flash.onError&autoplay=true&preload=auto&loop=undefined&muted=undefined&src=http%3A%2F%2Flocalhost%2Fh5mp%2F_html%2F1.html&" name="flashvars">
<param value="exactfit" name="scale">
<param value="always" name="allowScriptAccess">
<param value="all" name="allowNetworking">
<param value="transparent" name="wmode">
</object>

.swf file not displaying on website

I need help embedding a .swf file onto my website. I have tried all kinds of code combinations. Here's what I currently have.
<div class="article_top_img">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param name="movie" value="myfile.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="myfile.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="310"></embed>
</object>
</div>
At the moment it's simply displaying the outline of the video.
I've just tried to embed a swf file to HTML file with Adobe Dreamweaver application. Name of the swf file is t0.swf, it's located on the Desktop. It generated this code block:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="swf file">
<param name="movie" value="../Desktop/t0.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" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../Desktop/t0.swf" width="550" height="400">
<!--<![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" />
<!-- 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" width="112" height="33" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
I've tried to view this html file with Google Chrome(version 30.0.1599.66 m), Mozilla Firefox (Version 24.0), Internet Explorer (Version 8) and Opera(Version 11.51). They all opened that html fine, swf animation starts playing just after opening the html. Also I've tried your code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param name="movie" value="../Desktop/t0.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="../Desktop/t0.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="310"></embed>
</object>
It also worked fine, except that internet explorer showed the swf animation a little bit smaller, but it worked. May be you should check your flash player plugin.