How do I place a video on my page where users can play it?

Need help
7

I used the HTML element then added:

<video width="320" height="240" controls>
  <source src="<source URL>" type="video/mp4">
Your browser does not support HTML5 video.
</video>

into it. Then used dynamic text for the <source URL>.

In our app users upload their own video so we had a system for adding the file url into the source URL. But in this case you can build your own admin system for uploading your videos and using dynamic data to get the correct source URL for the video player. I recommend to use only MP4 videos, since other types are not supported by all browsers.

If each lesson is a static page, you can just upload the video file directly into Bubbles database and copy the file’s URL then paste it into the correct video player without having to use dynamic text. With this method you can also use any other video hosting service as long as you can get a URL where the video file is located.

You can read more about what you can do with the HTML video tag here http://www.w3schools.com/html/html5_video.asp

Unfortunately at the moment you cannot get data from the HTML element itself, so a lot of the cool stuff, like getting video duration or current play time isn’t ‘easily’ possible in Bubble yet.

3 Likes