Copy link to clipboard
Copied
I would like to know how I can set the video component to full screen with script. (Not with actionscript off course for it is for html5)
1 Correct answer
idkoos wrote
The given answer is for people who are able to work with a HTML editor.
The given answer is for JavaScript, which is the scripting language Canvas uses.
This function will fullscreen a video of a fixed name. If needed, you could modify it to pass in the name as an argument.
function doFullscreen() {
var vid = document.getElementById("myVideo");
if (vid.requestFullscreen) {
vid.requestFullscreen();
}
else if (vid.msRequestFullscreen) {
vid.msRequestFullscreen()
...Copy link to clipboard
Copied
Copy link to clipboard
Copied
Thank you, for your quick reply. I looked at it just now, but this is not exactly what I mean. Since I thougt this was the Animate CC forum I forgot to tell that it had to work in this environment. The situation is this, I have the video component placed in the work area. I can make it play or stop with these scripts:
//Play video
this.Button_play.addEventListener("click", fl_MouseClickHandler.bind(this));
function fl_MouseClickHandler()
{
$("#movieClip_1")[0].play();
}
//pause video
this.Button_stop.addEventListener("click", fl_MouseClickHandler_2.bind(this));
function fl_MouseClickHandler_2()
{
$("#movieClip_1")[0].pause();
}
Is there a way to do it the same way but then set the video fullscreen?
Such as:
this.Button_Fullscreen.addEventListener("click", fl_MouseClickHandler_2.bind(this));
function fl_MouseClickHandler_2()
{
$("#movieClip_1")requestFullscreen();
}
The given answer is for people who are able to work with a HTML editor. My skills are animating in Animator CC (Formaly Flash) with a tiny knowledge of Javascript within Animator CC canvas.
Copy link to clipboard
Copied
idkoos wrote
The given answer is for people who are able to work with a HTML editor.
The given answer is for JavaScript, which is the scripting language Canvas uses.
This function will fullscreen a video of a fixed name. If needed, you could modify it to pass in the name as an argument.
function doFullscreen() {
var vid = document.getElementById("myVideo");
if (vid.requestFullscreen) {
vid.requestFullscreen();
}
else if (vid.msRequestFullscreen) {
vid.msRequestFullscreen();
}
else if (vid.mozRequestFullScreen) {
vid.mozRequestFullScreen();
}
else if (vid.webkitRequestFullscreen) {
vid.webkitRequestFullscreen();
}
}
Of course, all this faffing about is why I just enable the browser's native media controls, which always include a fullscreen button.
Copy link to clipboard
Copied
Your answer is not correct. If, In your Vimeo account, you set you don’t want that your it’s aloud to download your video, you don’t see the download button. But if you use the video widget in Animate CC it is shown when using Chrome. When You use Explorer, it is hidden as it should be. So it has to do with how the Animate CC widget handles the video.
Kind regards,
Koos Heemskerk
Van: ClayUUID
Verzonden: woensdag 17 januari 2018 18:20
Aan: Koos Heemskerk <KHeemskerk@loi.nl>
Onderwerp: HTML5 Canvas how to set video component fullscreen with script
HTML5 Canvas how to set video component fullscreen with script
created by ClayUUID<https://forums.adobe.com/people/ClayUUID> in Adobe Animate CC - General - View the full discussion<https://forums.adobe.com/message/10110033#10110033>
Copy link to clipboard
Copied
You asked how to make a video fullscreen. I have no idea why you're going on about download buttons now.
Copy link to clipboard
Copied
Thank you for your quick reply.
Sorry, it is was monday morning, not the time that I’m on my best. I was preoccupied with another problem I’ve with the download button and was a bit confused by the sentence: “this faffing about “ .
English is not my native language so sometimes I don’t know how to interpret English idiom and to me it seemed a bit denigrating. But maybe that’s not the case.
I’m very thank full that you take the time to help me. The reason that I want to make it full screen with a button is that ……..
Okay, I was faffing about. I can explain what I wanted to do, but that is not interesting. I admit it is not clever.
The problem with the download button is a question in my head that I did not asked here. If I don’t find the problem myself I will post it here.
Or, the questions I have are specific how to solve a problem with Animate CC, this seems to be a forum for people who work with HTML editors.
If I’m on the page of animate cc
https://forums.adobe.com/community/animate/animate_general
and click on “start a new discussion” the question is placed here.
I don’t know if that is the correct place to ask these questions.
Thanks again and sorry for my monday morning stupidity.
Van: ClayUUID
Verzonden: maandag 22 januari 2018 15:28
Aan: Koos Heemskerk <KHeemskerk@loi.nl>
Onderwerp: HTML5 Canvas how to set video component fullscreen with script
HTML5 Canvas how to set video component fullscreen with script
created by ClayUUID<https://forums.adobe.com/people/ClayUUID> in Adobe Animate CC - General - View the full discussion<https://forums.adobe.com/message/10120267#10120267>
Copy link to clipboard
Copied
Audio/Video Updates in Chrome 58 | Web | Google Developers
var vid = document.getElementById("myvid");
if ("controlsList" in vid) {
vid.controlsList.add("nodownload");
}
Should work.
Copy link to clipboard
Copied
Thanks again. I work with Animate CC. If I generate the html file and look at the html file I can see that this structure is in the html file generated (automatically) with Animate CC. But if I look at the generated HTMLfile in Chrome the button is still there. In Explorer, Edge, Firefox and Safari it works fine, no download button.
Van: ClayUUID
Verzonden: maandag 22 januari 2018 20:43
Aan: Koos Heemskerk <KHeemskerk@loi.nl>
Onderwerp: HTML5 Canvas how to set video component fullscreen with script
HTML5 Canvas how to set video component fullscreen with script
created by ClayUUID<https://forums.adobe.com/people/ClayUUID> in Adobe Animate CC - General - View the full discussion<https://forums.adobe.com/message/10121148#10121148>
Copy link to clipboard
Copied
If you insert a video in a piece that has a specific look, it is often preferred to make buttons that have the same style as some other things on the page. This is where your info is very useful.
Like you I would prefer to use the native controls and that would save me a lot of time, but often I am not the one deciding.
Copy link to clipboard
Copied
Do you by any chance know what this means? This is when testing on FF.
Use of Mutation Events is deprecated. Use MutationObserver instead.
This does not prevent anything from working. I did some research and it seems to be related to iframes but I am not publishing in an iFrame.
Sample file here:
https://drive.google.com/open?id=1pChUyF0y_yT_ell0LiDr9sdC6ZHoeuGw
Copy link to clipboard
Copied
That warning is caused by the CreateJS library code, probably part of the component system. So there's nothing you can do about it.
Copy link to clipboard
Copied
.Thanks for the info.

