Highlighted

Grey shadows in the video bootstrap component

Contributor ,
Aug 21, 2018

Copy link to clipboard

Copied

Hi,

Is it possible to eliminate the gray shadow of the videos bootstrap component that appears before play a video?

Thanks.

Views

673

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Grey shadows in the video bootstrap component

Contributor ,
Aug 21, 2018

Copy link to clipboard

Copied

Hi,

Is it possible to eliminate the gray shadow of the videos bootstrap component that appears before play a video?

Thanks.

Views

674

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 21, 2018 0
Adobe Community Professional ,
Aug 21, 2018

Copy link to clipboard

Copied

I don't know what you mean by gray shadows.   Can you post a URL to your test page?  Or show us a screenshot?

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 0
Mentor ,
Aug 21, 2018

Copy link to clipboard

Copied

I never use Bootstrap, so I assume Bootstrap comes with canned CSS for videos. I realize a lot of Dreamweaver users have been snookered into using Bootstrap, but this is your opportunity to break free. There are factions on these forums that endorse Bootstrap,  but that does not make them right .

Explain exactly what you are trying to do, providing a test page, an you might be surprised at the solutions available beyond Bootstrap.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 0
Adobe Community Professional ,
Aug 21, 2018

Copy link to clipboard

Copied

ALsp  wrote

I never use Bootstrap, so I assume Bootstrap comes with canned CSS for videos. I realize a lot of Dreamweaver users have been snookered into using Bootstrap, but this is your opportunity to break free. There are factions on these forums that endorse Bootstrap,  but that does not make them right .

Explain exactly what you are trying to do, providing a test page, an you might be surprised at the solutions available beyond Bootstrap.

I wish there was a 'thumbs down' icon that we could click on.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 0
Mentor ,
Aug 21, 2018

Copy link to clipboard

Copied

Hi Ben,

You can vote or criticize me personally if it makes you feel better. I still like you 🙂 Again.... this is a Dreamweaver forum, not a Bootstrap forum and if I can save someone from using Bootstrap, I will. But before you nail me, at least wait and see if Jhon Carlo takes me up on my offer. I cannot in good conscience comment on Bootstrap statistics. I will say only that in my opinion it is probably better described as a pandemic that as a trend

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 0
Adobe Community Professional ,
Aug 22, 2018

Copy link to clipboard

Copied

It sounds so much nicer when you say je t'aime toujours 

I know where you are coming from and, from your point of view, I agree. Instead of attacking Bootstrap, why don't you say that you have a better product called PVII Harmony: User Class. From me this will get a

:+1:


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2018 2
LEGEND ,
Aug 22, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

ALsp   wrote

I never use Bootstrap, so I assume Bootstrap comes with canned CSS for videos. I realize a lot of Dreamweaver users have been snookered into using Bootstrap, but this is your opportunity to break free. There are factions on these forums that endorse Bootstrap,  but that does not make them right .

Explain exactly what you are trying to do, providing a test page, an you might be surprised at the solutions available beyond Bootstrap.

I wish there was a 'thumbs down' icon that we could click on.

According to those stats 83% of websites dont use it. So 83% v 17%...................hummm.

Taking short cuts are ok IF you know what you are using and doing. I wonder how many of those 17% really do, even those who claim to be professional. We are somewhat going through a grey period in web-development in my opinion where its suppose to be ok now to use as many frameworks as possible, even though most will NOT understand what they are doing and how they function. It's ok now to fill your code with as many classes and as many front-end onclick, onrepeat, bind this bind that directives as humanly possible, Its ok now to include as many links to scripts/css as you can  possibly manage....the list goes on. I somethimes wonder IF this is just because the new kids on the block don't really want to use the tried and trusted workflows that their fathers or gandfathers used or if there are any real benefits, especially in terms of 99% of websites, maybe the other 1% warrant the use of such worflows. Too me using too many frameworks/plugins limits ones desire to learn which in turn is very neagative because if you are faced with a situation which cant be solved via a framework/plugin..........you're like a fish out of water.

Happy days!!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2018 0
Adobe Community Professional ,
Aug 21, 2018

Copy link to clipboard

Copied

Bootstrap doesn't have anything that would make a responsive embed with a gray shadow. This is the code for embeds:

https://getbootstrap.com/docs/4.1/utilities/embed/

Can you show us an example page of this gray shadow you are seeing?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 1
Adobe Community Professional ,
Aug 21, 2018

Copy link to clipboard

Copied

Maybe Jhon Carlo is trying to put video inside a Carousel which has gray sides for Previous & Next controls.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 21, 2018 0
Contributor ,
Aug 22, 2018

Copy link to clipboard

Copied

Thank you all for help.

I mean that I use insert "Responsive video embed" from dreamweaver interface  option  ("Inserisci"  in italian).

I post an example:

Documento senza titolo

Before start the video and on mouse over you can see the gray shadow.

Thank you again.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2018 0
Mentor ,
Aug 22, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Jhon+Carlo  wrote

Thank you all for help.

I mean that I use insert "Responsive video embed" from dreamweaver interface  option  ("Inserisci"  in italian).

I post an example:

Documento senza titolo

Before start the video and on mouse over you can see the gray shadow.

Thank you again.

See this quick example:

Test Document

In the comment I placed above the declaration that sets border-bottom to none, note my mention of an artifact. The artifact could be the shadow you are mentioning. If so, it is a part of the actual video.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2018 0
Adobe Community Professional ,
Aug 22, 2018

Copy link to clipboard

Copied

I see only the player controls, no shadows.  I'm using the latest Firefox browser.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2018 0
Contributor ,
Aug 23, 2018

Copy link to clipboard

Copied

I don't know why I can't up load the image here (the size is ok, I tryed png, jpg, tif,  but i get always: "That image type is forbidden.")

So I try with link - for me the player is like this:

http://gcgrandi.altervista.org/Elim.png

(you need to open the link in another window)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

I cannot access your image.

Can't you copy & paste your image directly into a reply?  If it's too big, you may need to downsize it first.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Contributor ,
Aug 23, 2018

Copy link to clipboard

Copied

Thank you Nancy,

I have also tried to copy directly into the reply but I can't I don't know why I get another error message, and I tred also to downsize until 200 pixel.

Do you have tryed to open in another tab/windows?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

OK I see now.  It's this image. And it is not caused by Bootstrap.  Which browser are you using?

http://gcgrandi.altervista.org/Elim.png

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
LEGEND ,
Aug 23, 2018

Copy link to clipboard

Copied

The video looks ok in Firefox. I dont see any of that grey fading effect in the image you posted.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

osgood_  wrote

The video looks ok in Firefox. I dont see any of that grey fading effect in the image you posted.

Neither do I.   I tested in Firefox & MS Edge, no shadows.  But I do see shadows in Chrome.  So this is a browser thing and not a Bootstrap. thing.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Mentor ,
Aug 23, 2018

Copy link to clipboard

Copied

There is absolutely no reason to be using Bootstrap for that. None whatsoever.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

There's no reason NOT to use the Bootstrap video componenet if that's what the OP is using for layout.

In fact, your example video does exactly the same thing in Chrome.  So like I said above, this is a browser issue. 

BTW, I can no longer insert  or copy & paste images to this forum.  I will report this problem to Adobe staff.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 1
LEGEND ,
Aug 23, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

osgood_   wrote

The video looks ok in Firefox. I dont see any of that grey fading effect in the image you posted.

Neither do I.   I tested in Firefox & MS Edge, no shadows.  But I do see shadows in Chrome.  So this is a browser thing and not a Bootstrap. thing.

Yeah, that's a weird one the mp4 seems to be serving different controls to different browsers.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Mentor ,
Aug 23, 2018

Copy link to clipboard

Copied

Different browsers have slightly different default controls for media.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Mentor ,
Aug 23, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

There's no reason NOT to use the Bootstrap video componenet if that's what the OP is using for layout.

In fact, your example video does exactly the same thing in Chrome.  So like I said above, this is a browser issue. 

That's presumptuous. You are assuming that the fellow made that choice independent of the fact that Adobe shoves it down users' throats 🙂 Not a surprising response from you, though. I'll just continue plodding along trying to pump some blood into Dreamweaver... and this forum. I don't have high hopes. But you never know.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

  wrote

There is absolutely no reason to be using Bootstrap for that. None whatsoever.

Here we go again!


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

  wrote

https://forums.adobe.com/people/Nancy+OShea   wrote

There's no reason NOT to use the Bootstrap video componenet if that's what the OP is using for layout.

In fact, your example video does exactly the same thing in Chrome.  So like I said above, this is a browser issue. 

That's presumptuous. You are assuming that the fellow made that choice independent of the fact that Adobe shoves it down users' throats 🙂 Not a surprising response from you, though. I'll just continue plodding along trying to pump some blood into Dreamweaver... and this forum. I don't have high hopes. But you never know.

Getting personal?


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Adobe Community Professional ,
Aug 23, 2018

Copy link to clipboard

Copied

ALsp  wrote

That's presumptuous.

No it's not presumptuous.  Based on Jhon Carlos' other recent questions in this forum, it's clear to me that he is using Bootstrap for other things like button-groups.  So I think  it's fair to assume he's using Bootstrap for layoutts, too .

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Mentor ,
Aug 23, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

Getting personal?

Nope. Just honest and accurate

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Mentor ,
Aug 23, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

ALsp   wrote

That's presumptuous.

No it's not presumptuous.  Based on Jhon Carlos' other recent questions in this forum, it's clear to me that he is using Bootstrap for other things like button-groups.  So I think  it's fair to assume he's using Bootstrap for layoutts, too .

I agree. I'm just trying to save another soul

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 23, 2018 0
Contributor ,
Aug 24, 2018

Copy link to clipboard

Copied

Thank you all for your help.

Yes I open the video with Chrome.

I used the "Responsive Video Embed" option of "Bootstrap component" because I need to have a responsive video,

and at my level I supposed to do it so.... or not?

Thank you again.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 0
Contributor ,
Aug 24, 2018

Copy link to clipboard

Copied

About my last post at this point is there a question:

"I used the "Responsive Video Embed" option of "Bootstrap component" because I need to have a responsive video,

and at my level I supposed to do it so.... or not?"

Are there other ways to embed responsive video without "Bootstrap component"? If yes in wich way?

Thank you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 0
Adobe Community Professional ,
Aug 24, 2018

Copy link to clipboard

Copied

If you already use Bootstrap, keep doing what you're doing.

You cannot change how Chrome browser renders video.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 1
Mentor ,
Aug 24, 2018

Copy link to clipboard

Copied

Sure. It's easy. Here's the problem, Jhon…

While people like Nancy actually like Bootstrap, the average Dreamweaver user has been led to believe that in order to build pages with Dreamweaver you use Bootstrap. Bootstrap is a free CSS library that was created by Twitter and released to the public as sort of a big feel-good type of institutional advertisement. Adobe, not having the capability to program its own page layout tools has simply included Bootstrap in Dreamweaver. The problem is that while Bootstrap is fashionable among non-coders and people who do not want to take the to properly and efficiently code a page, it might not be fashionable next month, or next year. This has happened before with Adobe. Prior to Bootstrap, the most trendy CSS library was Boilerplate. Adobe included Boilerplate in Dreamweaver CS6. Thousands of Dreamweaver users thought it was part of Dreamweaver and used it to build pages, only to find that Boilerplate was abandoned by its developers. Since Boilerplate was not Adobe code, Adobe had no obligation to support it. These poor users were left holding the bag... along with obsolete code, and Adobe simply washed its hands of it.

Some of the same so-called experts in these forums were singing the praises of Boilerplate a few years ago.

The same thing will happen with Bootstrap. As someone with advanced CSS skills, Bootstrap is disturbing. It's bloated and unwieldy.

I posted a link to an example page a few days ago. It contains your video and a single CSS rule in the head (as opposed to nearly a half megabyte of Bootstrap CSS and script) to make that video responsive.

The decision is yours, and you have a few choices:

1. Learn CSS an lay out your own pages, your own way.

2. Learn Bootstrap. If you  truly learn it, then you will never use it.

3. Learn to identify the people who actually know how to help you learn the craft of web design

I respect Nancy as a person, but not as a coder. I respectfully disagree with her positions on both Dreamweaver an Bootstrap. But in any event, I wish you luck.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 0
Adobe Community Professional ,
Aug 24, 2018

Copy link to clipboard

Copied

ALsp

Here are some positive comments based on truths:

  • Boilerplate is far from dead https://html5boilerplate.com/ the last update was on 1st May this year.
  • Bootstrap will continue on, as Boilerplate has, because there is a large international community, including Twitter, constantly working on it
  • One may consider Bootstrap to be "bloated", but there are many other factors that effect site performance and Bootstrap is not at the top of this list.

I made a choice many years ago.

  1. I initially learned to lay out my own pages
  2. I learned Bootstrap, truly learned it and have been using ever since
  3. Learning the craft of web design involves, not only HTML, CSS and JS, you will need to know many other ever changing technologies and scripts, see Web technology for developers | MDN . I doubt if there is any person who frequents this forum who comes any where near being masters of the craft. As a starter and with the exception of AL, we all use the bloated jQuery Framework for the same reason why we use other frameworks.

I respect Nancy as a person and a coder. I respectfully agree with (most of ) her positions on Dreamweaver and Bootstrap. She is a great asset to this forum and should be applauded for it.

In conclusion, be it known that 1 in 6 websites have been created using Bootstrap and is fast approaching 1 in 5.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 2
ALsp LATEST
Mentor ,
Aug 24, 2018

Copy link to clipboard

Copied

Hi Ben,

As the husband of an academic researcher, I always look beyond the surface when it comes to statistics. She drilled it into me 🙂 Boilerplate is still technically alive... but very few people use it, and Adobe abandoned it for a good reason --

Not because Bootstrap is inherently better, but rather because it is fashionably trendy.

Your "favorable" Bootstrap stats were pretty well debunked this week so I won't rehash that. But Twitter? Really? One of the buggiest and slowest sites on the web? And are you absolutely, beyond the shadow of a doubt sure that Twitter actually uses Bootstrap?

I'm not goin to relent. You might think this is personal, but it's not. To roll over and not disagree with you would be, in my opinion, a grave disservice. As I've told you, if Bootstrap were good, we would simply use it and extend it, creating automation for it in Dreamweaver. We would be nuts to develop our own CSS if this were the case. But it isn't. And that's a fact.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2018 0