load a video into component HTML5

[oro1985]

Hi, im creating an interactive where i need to play different videos.

Im trying to load a video into component using the Load a video code:

/* Load a Video
Change the URL below.
*/
var videoURL = "https://images-tv.adobe.com/avp/vr/15a99ccf-0e7c-4601-b270-87dd82624086/5078a43c-81f9-4a93-836c-8152...";

this.video_player_1.on("added", function() {
$("#video_player_1")[0].src=videoURL;
}, this, true);

I understand i need to change the url address to where my videos are.  I have them in a folder where i store the videos inside the folder where my html page is. 

var videoURL = "videos/IDLE_SCREEN.mp4";

this.video_player_1.on("added", function() {
$("#video_player_1")[0].src=videoURL;
}, this, true);

But the component doesent load the video.  Not sure if this is the corrct way to do this.

any help would be appreciated.

thanks!

[kglad]

try

"./videos/IDLE_SCREEN.mp4";

[John T Smith]

You posted in Using the Community (which is about the forums) so what does this have to do with Adobe?

What Adobe program are you using?

Provide the Adobe program name and a Moderator will move this message to that forum

[kglad]

in the future, to find the best place to post your message, use the list here, https://community.adobe.com/

p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses.

<"moved from using the community">

[oro1985]

Hi Kglad, thanks,  i did realize i posted in the wrong lace.  Thanks for moving it.

I tryed using:
"./videos/IDLE_SCREEN.mp4";

but still doesent work.

[kglad]

copy and paste here a screenshot showing your published files in their folder.

[oro1985]

[oro1985]

[kglad]

any errors in the developer console?

[oro1985]

No.

attached info on the output tab

This is the way i did is, maybe there is a problem in the process.

1-drag and drop video componen from library to canvas

2-select the component from canvas, from code snippets>html5>components > video > Load a video.  Double click

3-change url to "./videos/IDLE_SCREEN.mp4";
4-test movieo on browser (firefox, safari, chrome)

the result is an image that says (no video with supperted format and MiME type found). 

this happens with the original url address that comes with the snippet, and with the ./videos url.  And also if there is no code at all.

[oro1985]

It only works if i go to components parameters and add the video in the source section.

but i wpuld prefer to have only 1 video component and be able to change what video plays there. 

thanks

[kglad]

that's not the developer console.  

test from animate and then open your browser's developer console.

[oro1985]

delevoper tools:

[kglad]

what's line 116 of your js file?

[oro1985]

when you say js file you mean this one:

this is line 116 of that file:

[kglad]

what's browserplacesviews.js?

[oro1985]

i dont know.  I looked for it but didnt find in the script.

I made a simpler file, just a video component with the load video code:

this is the folder:

this is in the browser (firefox) from Test in adobe animate , with Browser console:

and this is oppening the file (TEST VIDEO.html) from the folder to firefox, with browser console:

thanks!

[kglad]

create a new fla with a video component.

test 

check your console and see if it has the same errors 

[oro1985]

OK,

new fla Fila,

I left the URL that comes with the snippet.  doesnt load either.

file and published folder:

published html in firefox w browser console:

similar errors

[kglad]

don't add any code

[oro1985]

no code:

published open in firefox:

[kglad]

that looks like you're opening your published html.  are you?

[oro1985]

YES

i do both,  test form animate, and also open published html (which is the way i would have to run this)

[kglad]

don't open locally.

only use test in animate. what's that console show?

[oro1985]

animate > control > test...  in firefox: