html5 video - Post ID 266596

User 2777083 Photo


Registered User
19 posts

Want to embed html5 video created in VideoStudio which is located on YouTube.

The video saves a folder with different file such as the video, css, and js.

I think I want to use the HTML element and embed from YouTube but not sure how to do this?

Is this the best way?
User 103173 Photo


VP of Software Development
0 posts

If the video is already on Youtube, the other files you do not need. Go to http://embedresponsively.com/ and paste in the URL to the video on Youtube and then take that new markup and add it to RSD using the HTML element.

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2777083 Photo


Registered User
19 posts

The video in not already on YouTube.

The output for html5 videos from VideoStudio is 21 files which include a .mp4, css, index, etc...

Not sure how to make this a html5 video in youtube. Can load the .mp4 but it doesn't work as a html5 video. I tried uploading all the files but only 6 uploaded and still not an html5 video(links weren't there).

Thanks
User 103173 Photo


VP of Software Development
0 posts

Youtube and Vimeo does that all for you. Just upload the video to their service.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2777083 Photo


Registered User
19 posts

VideoStudio outputs 21 files when I ask for a html5 video.

One is a .mp4. It won't play (links I have made it the video won't show) as a html5 video. Neither when I upload it to youtube or just play it in my browser.

One of the file outputs is an index.html file and their is an CSS file plus a .js file. When I open the index.html file in my browser it plays perfect with the links showing up in the video. What I'm calling a html5 video.

I can only assume I need the other files than the .mp4 to play it correctly. What am I doing wrong? When I embed a html5 video that I ramdomly find on youtube it works on my site no problem.

Do I need to convert the 21 files to a stand alone html5 video somehow? Can I do this with YouTube somehow?

Thanks

User 2777083 Photo


Registered User
19 posts

When I try to upload all the 21 files to youtube all but the .mp4 files are rejected.
User 103173 Photo


VP of Software Development
0 posts

David Humphreys wrote:
When I try to upload all the 21 files to youtube all but the .mp4 files are rejected.

That would be correct. You only upload the video. The other files are not relevant. Once the video is uploaded, follow those instructions in my previous response.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2777083 Photo


Registered User
19 posts

again, when I only upload the video it has none of the links that I put in the video. I want it to use html5 standards that will let users click links inside the video.

I believe it is the other files that cause the functionality. I feel I don't understand the whole process.

I just want users to be able to click links inside my video...
User 103173 Photo


VP of Software Development
0 posts

If you don't want to take my advice there David, then you have to do all that manually within RSD. You are then going to make this much harder for yourself than it needs to be.

1. Use an HTML element for the <body> markup.
2. Go to the Settings and paste in the <head> markup.
3. Go to Resources and include all the files VideoStudio provides you.

I will also bet that VideoStudio does not create a responsive video so your video may not scale based on the device accessing it. Refer to the documentation on VideoStudio for help there to see if it is possible.

Just a side note, those same links can be added to the video through the Youtube video manager.

https://support.google.com/youtube/answer/92710?hl=en
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2777083 Photo


Registered User
19 posts

I did take your advice but I think you gave to too much credit when it comes to brains and skill level. I think I was misunderstanding what a html5 video is all about.

Can I start over and simply ask: Using RSD, what is the best way to have a video in my website that has clickable links during playback?

Seems like I can either:

1) Use all the js, css, and other files Videostudio produces and add them to the head section and htlm section. Not so fun...
2). upload .mp4 video to youtube and then within youtube's video manager add links back to my website.

You are saying that when I see all the clickable links in youtube videos they are being programmed in youtube itself?

Thanks again

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.