Embed a video in RoboHelp HTML 10

Hello,
It seems a few people have asked questions similar to this but I haven't found a good answer. We create videos in Camtasia as MP4 files. We would like to insert the videos into RoboHelp 10. The output we are using is WebHelp and I need the videos to work in Chrome, Internet Explorer, and Firefox. I'm not HTML savvy, however one of the developers here helped me and we inserted this into the HTML:
<video width="320" height="240" controls="">
<source src="VIDEO_FILEPATH" type="video/mp4">
Your browser does not support the video tag.
</video>
And removed:
<object data="VIDEO_FILEPATH.mp4"
classid="CLSID:02bf25d5-8c17-4b23-bc80-d3488abddc6b"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
type="video/quicktime"
style="border: none;">
<param name="src" value="Images/ConfiguringArcGISDesktopConnections.mp4"
/>
<param name="autoplay" value="false" />
<param name="autostart" value="false" />
<param name="ShowControls" value="1" />
<param name="controller" value="true" />
</object>
The output worked great in Chrome. In IE 10, the video didn't display at all. In Firefox the audio played but no video (although on the developer's machine it worked fine).
I have TCS Suite 4 on my laptop and have never really used Captivate. So it's possible I could convert MP4 in Captivate to another format if that will work.
These files will be deployed on internal servers, not on the Internet.
Any help would be greatly appreciated!
Ken

Ken, until Adobe finally creates a version of RoboHelp that makes anything other than Captivate easy to do, your likely best approach will involve carefully re-creating the Camtasia folder structure created in the output you produced, then carefully adding baggage files from each of the folders to your RoboHelp project.
Once you have done all this, you then link to the HTML page Camtasia created that presents the video.
I would strongly encourage everyone to hammer Adobe with feature requests to make this process better and more seamless. Video is everywhere!
Click here to file a feature request
Cheers... Rick

Similar Messages

How to embed a Video stored in KM repository on html page

Hi All,
I have a requirement to embed a video stored in KM repository on html page.
My html page and related file referred in html code below (highlighted) are stored at following path in KM root>documents>test with the same name as mentioned in code.
Code which I got from net for embedding an .flv file on html is mentioned below but how should I modify it to take files stored in KM.
<html>
<head>
<title>Flash Test</title>
</head>
<body>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="Jacksonville" name="movie" width="425" height="305" align="center" id="movie">
 <param name="allowScriptAccess" value="sameDomain" >
 <param name="movie" value="player.swf?file=Radvan_001MEDWHI.flv" >
 <param name="menu" value="false" >
 <param name="quality" value="high" >
 <param name="scale" value="noborder" >
 <param name="salign" value="lt" >
 <param name="wmode" value="transparent" >
 <param name="bgcolor" value="#000000" >
 <embed src="player.swf" menu="false" quality="high" scale="noborder" salign="lt" wmode="transparent" bgcolor="#000000" width="425" height="305" swliveconnect=true id="movie" name="movie" align="left" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="install_flash_player_active_x.msi" >
 </object>
</body>
</html>
Please guide me for the same.
Regards,
Madhvika

Hi,
I have stored all the files referred in code ( player.swf, install_flash_player_active_x.msi and Radvan_001MEDWHI.flv ) at root>documents >test folder in KM repository
Julian
My requirement is to know, what path i should give for the files highlighted with bold in my code as they are stored in KM .

Praveen
Can you please tell me how should I modify these lines in code (name of video file is Radvan_001MEDWHI.flv)
<param name="movie" value="player.swf?file=Radvan_001MEDWHI.flv" >
embed src="player.swf"
pluginspage="install_flash_player_active_x.msi" >
Regards,
Madhvika

How to embed a swf video into an html page?

I am haing trouble embedding my swf video into my html page. Here is my code:
<embed height="340" width="549" src="flashvideos/test.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="&MM_ComponentVersion=1&skinName=C:/Users/RogerPa1/Documents/Visual Studio 2008/WebSites/WebSite1/Products/Create/flashvideos&streamName=C:\Users\RogerPa1\Docum ents\Visual Studio 2008\WebSites\WebSite1\Products\Create\flashvideos\Robotics&autoPlay=true&autoRew ind=false"></embed>
When I run the page the place where the flash player should be is blank. But if I right click I can select settings so the flash player is there. I'm using absolute urls for the flashvars because I read in a forum that that's what you're supposed to do. Anyway I am a little frustrated that the video won't play. I tried creating a video with no skin and the same problem occurs.
Thank You
idesofdecember

Answered

Trouble incorporating Captivate movies into RoboHelp HTML projects

This is for RH 7 HTML.
I have been trying for quite a while now to add some Captivate tutorial-type videos to my help projects. I have recently been able to do this, however, the video additons greatly increased the size of my help file (it went from probably 7 or 8 MB up to 29 MB).
Here's how I added the movies.
Created a new topic just for the multimedia movie
Inserted the video (which was saved as an .SWF - Flash - file, since this is what the help file instructs you to do) and added it to the new topic
Created a link to this new topic in the topic from which I wanted to launch the video and chose to have the video open in a new window
Saved everything and tested it out to make sure the video would run when called
The video runs OK, though it is a little on the large side and is still a bit blurry/fuzzy. I've also had to provide special instructions to any users who wish to view the videos (maximize the RH display window, make sure the resolution on the monitor is set to at least 1024 x 768, choose to allow blocked content if prompted, etc) So, the main questions I have are,
What's the best way to add these videos to a help file without having the file size go through the roof and so they'll still display properly (clear and legible)?
Is there a smaller, more compressed format that can be used that will still allow for a clear display?
Should I embed the videos in the actual help file or place them somewhere else and link to them externally?
I would greatly appreciate any insight, advice, and expertise in this area, since my manager is a huge proponent of having these videos incorporated into the help files.
Thanks very much in advance for any guidance you can provide.
Sincerely,
Dave

Hi Dave
Hopefully Willam won't mind my chiming in here.
When you publish a project from Captivate as SWF, you also have an option to allow Captivate to create an HTML page for you. In fact, the option is typically enabled by default and you have to specifically disable it. At that point Captivate warns you that the movie may not display correctly if you do this.
So if you want the HTML page all set up, you just leave that option selected in Captivate. Then in RoboHelp, you import both the Captivate created HTML page as well as any files such as SWF or FLV you need.
Hopefully this helps... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

How to embed a video from my desktop in Muse

I would like to embed a video from my desktop into Adobe Muse. Can anyone help?
Is there a certiain type of video that Muse only uses?

Check this W3Schools page as a reference for working with HTML5 <video> tags.
http://www.w3schools.com/html/html5_video.asp
Use this code:
<video width="320" height="240" controls="controls">
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
Just make sure that you put the video files in the same folder!
Hope this helps,
Julia

How to embed HTML5 video player in web page

I have developed a video player using html, javascript and jquery. depending upon the browser type and mobile/non-mobile device, it creats the html5 video tags or redirect to a fall back flash player). I am using Adobe media server
this player works well on all the browsers.
videoplayer.html
<!DOCTYPE html>
 <html>
 <head>
</head>
<body>
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
 <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
 <param name="allowFullScreen" value="true" />
 <param name="wmode" value="transparent" />
 <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2 Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny. mp4','autoPlay':false}]}" />
 <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
 </object>
 </video>
</body>
 </html>
============================================
If I embed this video player in any of the aspx page using <EMBED></EMBED>, the redirection to flash player does not happen.(it works fine on chrome and safari but not on IE and firefox)
<EMBED height=360 width=250 src="http://localhost/videoplayer.html"></Embed>

I used <object> to make it work in IE and Firefox
<object type="text/html" data="http://64.165.34.7:8134/videoplayer.html?size=1&playlist=2" style="width:460px; height:260px"></object>

Converting RoboHelp for Word to RoboHelp HTML (v8)

I have a RoboHelp for Word (started at v6, converted to v7, and now at v8) project that I want to convert to a RoboHelp HTML v8 project.
The RoboHelp for Word V8 looks good, works great and builds good looking WebHelp and MS Html Help finished outputs! But, I can't seem to figure out how to embed Captivate App Demos (SWF) into the project. Another post in these forums indicated that this is easy with RoboHelp HTML; and after some testing, indeed it is! Great.
Now - the question is, how do I get my existing (looks good, feels great) RoboHelp for Word V8 project imported into RoboHelp HTML V8?
I made a copy of my RHWord project directory (so as not to screw anything up) and then opened RHHTML and chose to import an existing HPJ project. When asked whether to keep the project file XPJ or go to HHP, I chose HHP.
During the conversion, I get lots of "images not valid; invalid chars" on GIF files that RHWord has no problem with. It will not display nor publish these GIF files. Actually, it does display some of the GIFs in the RHHTML dev env, but then doesn't publish them!
Also, during the conversion, it asks if you want a single CSS for each file or one CSS based on one of the WORD docs from the RHWord project. The default was the former, so I chose it. After the conversion, many of the topics have CSS data that appears at the top (e.g. long list of font names) that end up getting published also. So why did this happen?
Also, after the conversion, many of the topics have non-displayable characters that do not show up in the RHWord version; source or published version.
So - my question is, how do I correctly go from a RHWord project that seems to edit and publish just fine to a RHHTML project cleanly?
I have tried to be as detailed as possible on each of these issues, but if more is required, let me know.
Thanks much for your assistance,
Jeff
Message was edited by: jonestech

The original post included a complaint:
"After the conversion, many of the topics have CSS data that appears at the top (e.g. long list of font names) that end up getting published also"
I didn't spot an answer to this part of the problem. I may have missed it
I see this also in importig a RH8 WinHelp project for conversion to WebHelp. It's no big deal to just delete the font list in projects that have just a single original Word doc, but I have a number of projects that each contain hundreds of Word docs, and the font list is inserted tt the top of each converted htm file.
So I am motivated to find a solution...
Any ideas RH troops???

Embed offline-video in Muse

I have to add video content to a site that im making. As the site should be usable offline also (on a memorystick) i need offline-video.
I've seen lots of solution around placing online video - but nothing for offline videofiles.
I would highly appreciate any help for my problem.

Hi,
You can use the HTML5 video tags for this purpose . Please refer to these various tutorials :-
http://www.w3schools.com/html/html5_video.asp
http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=vTx6Y2rBG YS
http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
Also while using the video tags, while specifying to source for your video, you can mention the path to the locally saved video and you will be all set.
Hope this helps
Regards,
Rohit Nair

Embed a video in Muse?

Can I embed a video in Muse, and I can upload to ftp to the Internet?

Hello Mogens, The answer to the first part of your question is yes you can embed a video in a muse site. The code you isert as html which comes under the Object heading in the Menu. The video file or files must go in the Assets folder, File/ add files for upload. In your code you have to have your source as Assets. I have not got the hang of this forum business yet but will send my code under here in another answer. Mine was html 5 with no sound just a little animation but the code may be helpful to you. I am completely new to this game this is my first site but I have found Muse very good and the staff guys here a very helpful. I have not got as far as uploading to my server yet so I am afraid you will have to wait for someone else to answer that one. Hope this is helpful to you.

Embed iChat -- VIDEO

Need to know any ideas to embed iChat Video within web page. Want to have a button press and then launch iChat within a web page (which is below), but need the Video embedded as well. (java is cool if needed)..
In the following link: (http://discussions.apple.com/thread.jspa?messageID=4694750&#4694750) it discusses the URL launch but not the video embed part. Now I have found the URL launch I need to find out how to embed the video - Just the video..
Any ideas??
Thanks, J|Spoon

Ok.
It is possible to do the things in the other thread and display the Online Status.
Separately it is possible to display the Video feed from the camera
See Mebeam http://www.mebeam.com/ which uses Flash
See also Webcam apps and Nanny cam apps here http://www.ralphjohnsuk.dsl.pipex.com/EZJim/EZJimpage7.html
It is also possible in embed a text Chat (or Chatroom link)
http://www.ralphjohnsuk.dsl.pipex.com/page5.html#_webtoichat
The other thread combines displaying status with an HTML code to start a Text Chat.
I am not sure it is possible to get the video after iChat has used it to go to Evocam or Webcam Tweaker.
9:44 PM Saturday; December 1, 2007

How to embed flash video in HTA Application

How to embed flash video in HTA Application?

How to embed flash video in HTA Application?
It is exactly the same as embedding in a normal HTML page. Check with flash forum on how to use flash.
¯\_(ツ)_/¯

Scaling Captivate videos in RoboHelp Multiscreen

RoboHelp HTML 11, Captivate 7
I'm including Captivate videos into my Robohelp HTML project. I need to be able to shrink the video "object" to fit in our window.
Rick, you've answered this question several times over the years, such as here: Re: How do you scale captivate file in Robo 9 to fit the screen? In my case, the output has to run in Internet Explorer without Shockwave Flash enabled. (Also, the user won't have RoboHelp or Captivate installed, if that matters). I'm told that our Captivate demos were published in "Scalable HTML" format. I was using Multiscreen as the output, but I'm open to one of the other HTML outputs.
I tried it two different ways:
I imported the Demos using File --> Import --> Adobe Captivate Demo --> HTML5 Output, then selected the appropriate index.htm file. The videos run, but resizing the text box or demo "object" only crops the video. We even tried saving them in a smaller size in Captivate, but they seem to be the same size in RoboHelp.
I imported the project (*.cptx) using File --> Import --> Adobe Captivate Project. Doing this, I can resize the video (and watch it using that "viewer" that appears after I click "Generate"). However, when I run the index.htm file in Internet Explorer (as I assume the users will do), the video is blank unless I enable Flash. (This is despite the fact that I checked "Use Adobe Captivate HTML5 Output" in the Multiscreen layout!)
What's the best way to approach this? (I hope you're not going to tell me that I have to put everything into Baggage, because as you've pointed out in the past, that would be a very big job.)
Thanks.
-- Shawn

Hi Shawn
Unless you want to host the Captivate output separately from RoboHelp and just link to it where needed, you are going to find yourself a bit "stuck" with the baggage trick.
If the content needs to scale, you have a couple of ways to deal with it.
1. You can simply link from a TOC page to the html page for the Captivate output. Using this method should cause the Captivate output to scale to the topic frame.
2. You can insert an InlineFrame and point its content to the Captivate html page in Baggage. You would then need to configure the frame to be 100% wide. You would take this approach if you have other content that needs to come before and/or after the video.
I would heartily encourage you to report the pain points of being forced to add Baggage folders and files as a bug to Adobe using the link below.
Click here to view
Cheers... Rick

Video Poster in HTML Resources

Is it possible to specify where a poster is grabbed from in a video when embeded with an <embed> tag?
Right now the poster is being pulled from the first frame of the video, ideally it would be pulled from a different spot in the video.
Thanks
-Scott

Neil,
Thanks for the reply, but I'm talking about using Insert HTML to place a code snipit into my doc to reference a video in an HTML Resources zip that I upload into the folio. It's a web overlay as far as the overlay panel is concerned and there is no option to turn off last frame.
The code snipit I'm using is:
<EMBED
SRC="../../../HTMLResources/video.mp4"
AUTOSTART=false
WIDTH=256 HEIGHT=144
>
Thanks
-Scottt

Embed Google Video

I have a user that wants to embed google video into their
page updated by Contribute. All I have been able to find is that
Contribute can only embed video that is housed on their website. Is
there a work around for this? Here is the code google provides:

basics of youtube and google video is they have a flv video
and a swf player.
2 ways of loading them:
one, load a HTML box inside your flash, then load the
youtube/google video content use the embed method
two, find the FLV link, make a player yourself... or find one
online.

Training & Help Books for RoboHelp HTML 10?

Hi all -- I'm currently in my trial of RoboHelp HTML 10, and I'm having a hard time locating training webinars and/or books. I've gone through lynda.com training and I'm aware of Adobe's videos and documentation, but I'm wondering if there are any help/guide books currently or forthcoming that anyone may know of. Thanks!

RoboHelp 10 is still fairly new so there aren't a lot of books / guides out there. IconLogic has one that I know of though. It can be found at:
http://www.iconlogic.com/titles.htm

Embed a video in RoboHelp HTML 10

Similar Messages

Maybe you are looking for