camtasia 2018 how to start html5 videos in full screen automatic

Assuming you are using in your webpage the html5 <video> </video> tag and just a mp4 video (not the Camtasia smartplayer) then you can make the video full page as a background with CSS and use javascript to jump to a web site after the video ends.

Here is a page I created a while ago. It might be a little more than what you need but does what you are looking for. It's straight HTML5  using the video tags. No iframe.

The page just has a sample video and last roughly about a minute. You need to click the play button at the bottom left to start the video. When done playing it should go to Google automatically.

https://demotestsite.info/sl/fullscreen

Now if you are producing your video with the smartplayer than probably the best way to jump to a website when the video ends is to add a hotspot at the end of the video that jumps to a website when the video ends.







:)

Hi Bent,

Our TechSmith Smart Player doesn't directly let you toggle fullscreen mode externally.  However here is a bit of JavaScript you add to the html page that loads the smart player.

TSC.mediaInterface.addEventListener(TSC.events.External.VideoStart, function() {
   var smartPlayerContainerEl = $("#tscVideoContent")[0];
   if (smartPlayerContainerEl.requestFullscreen) {
      smartPlayerContainerEl.requestFullscreen();
   } else if (smartPlayerContainerEl.webkitRequestFullscreen) {
      smartPlayerContainerEl.webkitRequestFullscreen();
   } else if (smartPlayerContainerEl.msRequestFullscreen) {
      smartPlayerContainerEl.msRequestFullscreen();
   } else if (smartPlayerContainerEl.mozRequestFullScreen) {
      smartPlayerContainerEl.mozRequestFullScreen();
   }});

You will want to place this JavaScript right above the following line of JavaScript in that html file.

TSC.mediaPlayer.init("#tscVideoContent");

The player should auto exit full screen mode when it ends.

Hope this helps,
Ben

i have Use  these above code its working but exitFullscreen button is not working....

Error : 

techsmith-smart-player.min.js:21 Uncaught (in promise) TypeError: Document not active
    at D (techsmith-smart-player.min.js:21)
    at F (techsmith-smart-player.min.js:21)
    at G (techsmith-smart-player.min.js:21)
    at J (techsmith-smart-player.min.js:21)
    at HTMLButtonElement.<anonymous> (techsmith-smart-player.min.js:21)
    at HTMLButtonElement.dispatch (techsmith-smart-player.min.js:4)
    at HTMLButtonElement.q.handle (techsmith-smart-player.min.js:4)

Please help me

It looks like our code around our full-screen controls does not initialize correctly when running this code.  We'd have to make some changes to the player to fix the error.  Unfortunately, I can't commit to working on this right now.