I use Camtasia 2018 and I produce my videos with html5.
,
When I start the video, by pressing a button on a website, then I want it to start up in full screen.
What changes must I make in the html file or the css file, to make that happen.
When the video is finished, I want automatic to go back to the website. That is possible to do in Camtasia.
Anyone ?
Greetings Bent Hojstrom
,
When I start the video, by pressing a button on a website, then I want it to start up in full screen.
What changes must I make in the html file or the css file, to make that happen.
When the video is finished, I want automatic to go back to the website. That is possible to do in Camtasia.
Anyone ?
Greetings Bent Hojstrom
Posted 1 year ago
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.
:)
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.
:)
(Edited)
Ben Rhodes, Employee
Ben Rhodes, Employee
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.
Thank you Sir,
Today i have resolved these issue its working fine for me :
Some modify : techsmith-smart-player.min.js this js file and used this code :
TSC.mediaInterface.addEventListener(TSC.events.External.VideoStart, function () {
$('.fullscreen-button').click();
$('.fullscreen-button').find('span').removeClass('fullscreen-button-glyph');
$('.fullscreen-button').find('span').addClass('fullscreen-button-active-glyph');
isloadedfirsttime = false;
});
I hope you have nice day as well.
Today i have resolved these issue its working fine for me :
Some modify : techsmith-smart-player.min.js this js file and used this code :
TSC.mediaInterface.addEventListener(TSC.events.External.VideoStart, function () {
$('.fullscreen-button').click();
$('.fullscreen-button').find('span').removeClass('fullscreen-button-glyph');
$('.fullscreen-button').find('span').addClass('fullscreen-button-active-glyph');
isloadedfirsttime = false;
});
I hope you have nice day as well.
(Edited)
Where exactly do you insert the code inside techsmith-smart-player.min.js ?
(Edited)
Wondering the same thing.
kayakman, Champion
Dubie
I rarely ever do a jump to a website at the end of a video and using a hotspot was the first thing that came to mind.
:)