YouTube embedd options? - Post ID 267138

User 2846109 Photo


Ambassador
341 posts

There are extra embed options that you can select in YouTube in the Share area of a video. Such as turning off suggested videos at the end of a video. Is there any way to have these options apply when placing a video element into RBB?

http://www.coffeecup.com/forums/bootstrap-builder/youtube-embedd-options/attachments/4265/

I've tried adding the extra "?rel=0&showinfo=0" frameborder="0" allowfullscreen" to the end of the video URL when I put in the video element but this doesn't seem to change how the videos appear at all.

I'm looking for a way to turn off suggested videos, and also turn off the title of the video inside of RBB.

Thanks for any help!


Attachments:
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 303390 Photo


Registered User
97 posts

Check out the following site for various options to the standard youtube embed code.
http://www.vtubetools.com/

Get the code and use it to embed into Bootstrap Builder.
Version 4 of Bootstrap have new multimedia commands available...check the official site docs.

User 303390 Photo


Registered User
97 posts

An example of a youtube embedded website using bootstrap (hand coded here) using version 4 and the latest multimedia commands and the autoplay feature is at this link...
http://aloecta.com/video.html

This site is being redone using Bootstrap Builder once the components are complete in the program (hopefully soon!!!)

User 2846109 Photo


Ambassador
341 posts

Thanks Webby. Those options are similar to the options that YouTube offers, although they have more choices.

When I use the code in a HTML element in RBB the displayed video does not have the same responsive flexibility as the video element that is native to RBB.

I tried using pixel dimensions as well as 100% dimensions and also 'auto' dimensions in the size fields but none of them are working as well as the native video element. I'll keep on fooling with it but I think for now I'll just stick with using the native video element.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 103173 Photo


VP of Software Development
0 posts

Try using http://embedresponsively.com/ . Just paste in the URL and it will give you a new block of HTML code. Add that to BB.
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 2846109 Photo


Ambassador
341 posts

Ok, I used the site that Scott posted and then added the custom display code from the site that Webby posted and that solutions works pretty darn well so far! Thanks guys! Much appreciated! I'll try to use that for the videos on the page and do some more testing tomorrow.

Cheers!
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 303390 Photo


Registered User
97 posts

Also check BS 4 utilities for responsive code

http://v4-alpha.getbootstrap.com/utilities/responsive-helpers/
User 2846109 Photo


Ambassador
341 posts

Webby wrote:
Also check BS 4 utilities for responsive code

http://v4-alpha.getbootstrap.com/utilities/responsive-helpers/


I'll check them out!
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)

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.