Removing play button / position bar in html5 (captivate conversion)

hello nice people
does anyone know if it is possible to remove the play button and position bar that appears after running the SWF to HTML5 conversion tool.
I think it's a big problem expecting people to click play to run your app...
any help would be greatly appreciated
regards

I agree. Here's another discussion: http://forums.adobe.com/message/4587553#4587553#4587553. However, it doesn't provide a solution.

Similar Messages

I want to remove play button

I publised project with html5. I preview in browser. It show play button but I want remove play button from project.
How to remove play button in HTML5 project?

It doesn't make any sense the inhibit the loading of an HTML page with the play button. Apple is inhibiting the playing of video and audio on iOS, not HTML.
After the page is completely loaded you should be able to bypass the screen by calling the function attached to the button.
"Apple has made the decision to disable the automatic playing of video on iOS devices, through both script and attribute implementations.
In Safari, on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and auto-play are disabled. No data is loaded until the user initiates it." - Apple documentation.

Remove play button from inserted SWF

I'm using Acrobat 9 Pro. When inserting an animated SWF, it usually has a triangular play button. Is there a way to remove that button?

You can use "Create poster from file" under the Advanced options, and use a screenshot of the SWF. The play button graphic won't be added.

Play Button/Space Bar not working. . .

Hello. . . I'm having difficulty navigating through clips that are in my timeline. The play button is not working. I've tried trashing my preferences several times, to no avail. . . any help would be greatly appreciated.

This issue has been observed before and can be due to an audio card or tablet driver issue.
Try Un enabling these drivers one by one in devices control.

Remove "play button" screen.

Can my projects open to the first page of the module instead of a blank screen with a play button that needs clicked to begin?

Can my projects open to the first page of the module instead of a blank screen with a play button that needs clicked to begin?

How to remove play button after videos starts

In the style of the youTube video playback design, I have a
large play button over my 320x240 flv video. The button is
programmed to play the flv when clicked on. How do I get rid of the
button once the video starts to play? can I bring it back when the
video is over to replay? Is there simple action script to tell the
button to do this?

How to do it step-by-step? Because i'm beginner in FLash and that things of animation, codes, functions...
And I create that simple animation in other program, not using the Adobe Flash, but I think can be edited that file animation in Flash because I have the files ".swf" and ".flv"...
I don't know how to do it in Adobe Flash CS3, but I have that program installed in my pc, then can you talk me what to do it?
Sorry my bad english, i'm from Brazil.
That is the folder contains the files:
https://dl.dropboxusercontent.com/u/11826717/off/laranja/files_animation.jpg
That is the Download the files of that folder if you want see better:
https://dl.dropboxusercontent.com/u/11826717/off/laranja/laranja.rar

Play button no longer works

I installed the 2014 version of CC and since then the play button (space bar) no longer works. Everything else seems to be working fine but I can't play my timeline. I can scrub through the footage but it won't play. Does anyone else have this issue / how can I fix it?

Hi MicLove445,
See if the solution in this post helps: Re: Premiere Pro CC 2014 won't play anything.
Thanks,
Kevin

HTML5 and the White Screen/ Play Button Conundrum

I'm publishing a session to Scormcloud.com as HTML5. I have to have a playbar with a play button, or I'm stuck on a white screen.
I'd like to remove that button, but if I do, the session will never play past the white screen. I've looked at all of the existing options online to address this... please help.
This is the same in both CP7 and CP8

lefthook77
I am experiencing the same issue as well. I do not recall this happening in my previously published project. Then went back in for a revision and am now experiencing this. Wonder if this came after Captivate was updated to 7.0.1.237.
Even with Autoplay turned off and no Play Bar I would be happy with the user having to click a play icon to start the project. Except this update seems to be causing the Play icon to become static and overlay every slide in my project!
Very frustrating. Have searched the web and have not found any REAL solution yet. Looks like it may be a Chrome compatibility issue. As you can see at the end it is only a temp fix because once the coding becomes a norm you have to go back and change the source files again.
HTML5 Captivate Projects Freezing in Google Chrome v. 36 + - CaptivateDev.com

How do I Remove The Play button & White Screen that shows on the IPad?

Can anyone tell me how to remove the play button that apears on a white screen before the course starts? it only shows on the iPad and if this is going to be published as an IOS app using phone gap build i dont want this to show.
I have found some javascript that i have tried but it dosent seem to remove the white screen or browser warning does anyone know the correct javascript to use?
Current Javascript:
http://floatlearning.com/2013/10/a-more-mobile-friendly-captivate-html-template/
<script type='text/javascript' src='assets/js/fastclick.js'></script>
<script type='text/javascript'>
$(function() {
FastClick.attach(document.body);
$("#CPUnSupportedBrowserWarning_ID").remove(); // Removes browser warning
cp.movie.play(); // Skips play button screen
</script>
I am using the latest version of Captivate 7.0.1 on Mac
Thanks,
Oliver

Hey, thanks for you reply
I cant seem to find that function this is what captivate 7.0.1 generatesin terms of HTML:
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='initial-scale = 1, minimum-scale = 1, maximum-scale = 1'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=10">
<title>Brainstorming eLearning Course</title>
<style type="text/css">#initialLoading{background:url(assets/htmlimages/loader.gif) no-repeat center center;background-color:#ffffff;position:absolute;margin:auto;top:0;left:0;right:0;bottom :0;z-index:10010;}</style>
<script>
function initializeCP()
          function cpInit();
          cp.movie.play();
                    document.body.innerHTML = " <div class='cpMainContainer' id='cpDocument' style='left: 0px; top:0px;' >          <div id='main_container' style='top:0px;position:absolute;'>          <div id='projectBorder' style='top:0px;left:0px;position:absolute;display:block'></div>          <div class='shadow' id='project_container' style='left: 0px; top:0px;position:absolute;' >          <div id='project' class='cp-movie' style='width:1024px ;height:748px '>                    <div id='project_main' class='cp-timeline cp-main'>                              <div id='div_Slide' onclick='cp.handleClick(event)' style='top:0px; width:1024px ;height:748px ;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);'></div>                    </div>                    <div id='autoplayDiv' style='display:block;text-align:center;position:absolute;left:0px;top:0px;'>                             <img id='autoplayImage' src='' style='position:absolute;display:block;vertical-align:middle;'/>                              <div id='playImage' tabindex='9999' role='button' aria-label='play' onkeydown='cp.CPPlayButtonHandle(event)' onClick='cp.movie.play()' style='position:absolute;display:block;vertical-align:middle;'></div>                    </div>          </div>          <div id='toc' style='left:0px; float:left;position:absolute'>          </div>          <div id='playbar' style='left:0px; float:left;position:absolute'>          </div>          <div id='cc' style='left:0px; float:left;position:absolute;visibility:hidden;pointer-events:none;' onclick='cp.handleCCClick(event)'>                    <div id='ccText' style='left:0px;float:left;position:absolute;width:100%;height:100%;'>                    <p style='margin-left:8px;margin-right:8px;margin-top:2px;'>                    </p>                    </div>                    <div id='ccClose' style='background-image:url(./assets/htmlimages/ccClose.png);right:0px; float:right;position:absolute;cursor:pointer;width:13px;height:11px;' onclick='cp.showHideCC()'>                    </div>          </div>          <div id='pwdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px; top:0px'></div>          <div id='exdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px; top:0px'></div>          </div>          </div></div><div id='blockUserInteraction' class='blocker' style='width:100%;height:100%;'>          <table style='width:100%;height:100%;text-align:center;vertical-align:middle' id='loading' class='loadingBackground'>                    <tr style='width:100%;height:100%;text-align:center;vertical-align:middle'>                              <td style='width:100%;height:100%;text-align:center;vertical-align:middle'>                                       <image id='preloaderImage'></image>                                        <div id='loadingString' class='loadingString'>Loading...</div>                              </td>                    </tr>          </table></div> <div id='initialLoading'></div>";
                    cp.DoCPInit();
          if((typeof InitAppPackager !== "undefined") && (typeof InitAppPackager === "function"))
                    InitAppPackager(cpInit);
          else
                    cpInit();
</script>
</head>
<body>
                    <div id='initialLoading'></div>
<script>
                    (function()
                              if(document.documentMode < 9)
                                        document.body.innerHTML = "";
                                        document.write("The content you are trying to view is not supported in the current Document Mode of Internet Explorer. Change the Document Mode to Internet Explorer 9 Standards and try to view the content again.<br>To change the Document Mode, press F12, click Document Mode: <current mode>, and then select Internet Explorer 9 Standards.");
                                        return;
                              window.addEventListener("load",function()
                                        setTimeout(function()
                                                  var script = document.createElement('script');
                                                  script.type = 'text/javascript';
                                                  script.src = 'assets/js/CPXHRLoader.js';
                                                  script.defer = 'defer';
                                                  script.onload = function()
                                                            var lCSSLoaded = false;
                                                            var lJSLoaded = false;
                                                            function constructDIVs()
                                                                      if(lCSSLoaded && lJSLoaded)
                                                                                initializeCP();
                                                            cpXHRJSLoader.css('assets/css/CPLibraryAll.css',function() {
                                                                      lCSSLoaded = true;
                                                                      constructDIVs();
                                                            var lJSFiles = [ 'assets/js/jquery-1.6.1.min.js','assets/js/CPM.js' ];
                                                            cpXHRJSLoader.js(lJSFiles,function()
                                                                      //console.log("js loaded");
                                                                      lJSLoaded = true;
                                                                      constructDIVs();
                                                  document.getElementsByTagName('head')[0].appendChild(script);
                                        },1);
                              },false);
</script>
<noscript style="text-align:center;font-size:24px;">Enable Javascript support in the browser.</noscript>
</body>
</html>

Chrome, buttons don't work suddenly, Captivate 7 html5

Chrome, buttons don't work. Captivate 7, why did buttons suddenly stop working in chrome (and click boxes too.) HTML5
I installed the patch in June. Since then I made a lesson and published it to a Moodle server. It works in IE and Chrome fine.
Lessons from 2013 work fine still on that server.
New lesson from a different template works in IE but not in Chrome. End user can't get audio in IE, would use Chrome but buttons don't work! You can see the html selection box and they depress(plain buttons, can see the overlay when you click) but they don't take any action. I can click and type in a text box if that helps?
So I created a couple of test projects:
one from the new 2014 template, copied over some 2013 slides and buttons.
One from 2013 template, copied in some 2014 slides and buttons.
Good mix of each. Made export settings match.
Posted to Moodle in new course. Posted to old course, to make sure it wasn't Moodle related, they are on the same server.
Two variations every way I could.
Buttons do not work in Chrome. Everything works in IE.
I had created an extra lesson for the 2013 course this month and posted it with the same software to the same server, that works in Chrome.
It was made after a software update (to 701-237 June 2014, Windows system, hasn't changed since).
Then I opened, republished and uploaded a lesson from last year. Doesn't work in Chrome. ?!?
What happened to my BUTTONS! I don't know what else to try.
ps Moodle was getting a manifest error when i tried to publish as scalable html. Moodle takes it when I don't.
Yes I deleted the layouts folder when I updated. Did it again today to be sure. No improvement.

Hey there's a solution to this (he says answering his own question)
Someone else posted earlier that latest version of Chrome hung and buttons didn't work (I hate Adobe forum search since I know I checked keywords before posting mine, but whatever)
https://forums.adobe.com/message/6573330#6573330
They got a response:
http://captivatedev.com/2014/07/20/html5-captivate-projects-freezing-google-crome-v-36/
that has to do with two deprecated functions being removed by new Chrome, affecting Javascript.
http://blogs.adobe.com/captivate/2014/07/update-on-captivate-html-5-content-playback-issue -in-google-chrome-browser.html
Offers a manual fix and also updated that page with link to an adobe fix:
So you can patch Captivate 7 and 8 and make Chrome your friend again!
I've just installed it and previewed a project in my default (Chrome) browser. Success!

How to disable the select options button, while audio is playing in the question template in captivate 8?

How to disable the select options button, while audio is playing in the question template in captivate 8?

Apologies for late reply.
I mean "On Question screens audio keeps on playing even after we have selected an option or options depending on the question type and clicked Submit. How do we stop the audio on selecting an option?"

White Slide with Play Button (HTML5), Cp7

Does anyone know why you get the blank white screen with a play button with HTML5? Why doesn't it use first frame or allow us to put in a "poster file"?
I posted a workaround that required editing files in Cp6 but I am curious if Cp7 has addressed this issue?
Thanks.
Dave

The same workaround is reuired.
Go in assets and change the .CSS then you also need to edit the index.html to center the image like you did before.
And yes it is impossible to get rid of it all toghether because of Apple policies.

I inserted a HTML5 video in page, when I test it in a Browser, I see the poster image and controls, But when I click play button the video goes white, slider moves like its playing, but just white picture. There was no audio included in video. Please help

I inserted a HTML5 video in page, when I test it in a Browser, I see the poster image and controls, But when I click play button the video goes white, slider moves like its playing, but just white picture. There was no audio included in video. Please help

Without a link, it's anybody's guess.
It could be a problem the video rendering itself. Which software did you use?
Did you export to the 3 file types -- MP4, OGG and WEBM to support all browsers?
Does your web server support those 3 MIME file types?
Nancy O.

The play button on HTML5 video doesn't work, however the play option in the context menu does

I have embedded a video using HTML5 using the mp4, webm, and ogg formats.
In Firefox the video poster displays as do the native controls. When the video is clicked on (either on the poster or the play button on the controls) the poster disappears to be replaced with the first frame of the video. However the video then fails to play.
If i right click over the video and select play it plays fine, similarly if i then click the pause button it pauses, the play button still does not work though.
The video plays in all other browsers that i have tested in without an issue.

Hi Obverse,
Thank you for contacting support. To better understand how the video is embedded, could you please post a link to the video or an example of where the HTML play button does not play a video?

PLAY button and search bar greyed out

Hello! I've had an issue the past couple of days where my play bar and the search bar are greyed out. I can still play music, and pause it by clicking next to the track currently playing, but the main controllers at the bottom do not work. This persisted through the update I just ran on Spotify, updating it to the most recent version, 1.0.2.6.g9977a14b. See attached image for how this looks in my client. I have a premium subscription if that makes any difference, and as said, I can still play music. Thanks for the attention,Nuala ETA: And of course another update gets pushed out after I post this message, and I now have a functioning play button again. Never mind this. :)

Hello:
Fantastic glad it got fixed with an update. Rock on \m/

Removing play button / position bar in html5 (captivate conversion)

Similar Messages

Maybe you are looking for