Hello. I am still using dreamweaver and I used the Responsive Video Embed on the Insert Panel as seen below:
The code looks like this:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="videos/firstpagevideoopt.mp4"></iframe>
</div>
The video is on my server.
It plays fine, but I cannot find a way to hide the video controls. Been trying for a while now.
There is a way to hide the controls in a html5 video tag, but I am having a rough time with the CSS for the video tag.
Any help will be greatly appreciated.
Ben
18
Replies
ln the absence of player controls, annoyed people will be forced to leave your site.
By @Nancy OShea
It's getting harder to find a website that isn't annoying to some degree these days.
WHY?
Hiding player controls is annoying & not recommended for all sorts of reasons:
- It adversely affect user's access to media.
- It removes volume/mute/play/pause/fullscreen/replay/closed captioning.
- Many people have autoplay blockers. They won't see anything.
- Office workers who share space with co-workers need player controls.
- Parents with a sleeping baby nearby need player controls.
- Podcast listeners need a way to turn off competing media.
- In the absence of player controls, annoyed people will be forced to leave your site.
By @Nancy OShea
100% agree with Nancy on this. It's best to have controls. If you want to be able to customize your video without having to worry with the code and given that the bootstrap code you are using is out of date in DW, you may want to consider using the updated bootstrap code for videos, or consider a solution like Vimeo or Wistia that can provide you with easy to access controls and customizations for your videos.
In your opinion, is there a high learning curve between 4 and 5.
By @beng2000
No, not really.........all you're doing when using Bootstrap is just adding a bunch of default css utility classes. If you can copy and paste, parrot fashion, then you're good to go but are fairly limited in what you can do with a framework. Using frameworks of any kind will hold you back, in my opinion, as they tend to 'restrict' you from exploring outside the box given they only provide limited options, which, unless you can code, you are unlikely to be able to craft those options into something 'unique' or to your own requirements.
Also, the sites I make with Bootstrap look like cookie cutter sites to me because of the top navbar. I am not sure how to make sites look differently with the navbar. I would eventually like to design with code and not Bootstrap.
By @beng2000
Limited options, unable to code, leads to similar results, an over-reliance on a framework. Learn to code and break free to express yourself. It's positive that you are already thinking about the future and eventually lessening your dependence on a box of pre-formed components.
Furthermore, I know HTML5 and CSS but not JavaScript, so I'm doing a course from Udemy on JavaScript and SEO. SEO has changed dramatically over the years. I validate my sites, and I'm absorbing all info from Google Search Essentials.
By @beng2000
I highly recommend learning javascript, that's when you will leap up a whole flight of steps and gain a whole lot of independence. Javascript combined with html/css is when it all starts really coming together, you will be able to think of it and do it, rather than settling for second best. Don't forget a server side language like node.js, php, python etc will give you even more freedom and powers. Good luck, you're embarking on a journey of a life-time, which I've already been through.
what I really want is animation. A small amount on the index page. A new thing to learn, which I don't mind. Thanks!
By @beng2000
==========
Here you go...
Animated WebP maker:
Video to WebP maker:
https://ezgif.com/video-to-webp
Anime.js JavaScript Animation Library (ver 3.2.2):
Wow.js -- Reveal Animations on Scroll
People with Autoplay Blocking
By @Nancy OShea
The question is how many have autoplay blocking applied or a more pointed question is how many even know how to do it. In my experience no-one but geeky people, minorities mess around with their browser settings.
Some you win, some you lose - that's always going to be the case, you can't please all of the people all of the time - either produce a fairly sedentary website, which is useless to most, or risk upsetting a minority and produce something a little more exciting - I don't have the definitive answer.
Does Chrome show and play the video assuming you can't block autoplay in that browser - at the last count that had 64% percent of the market, Firefox less than 3%
As I covered in an earlier post there's the option to switch off your computer sound whilst using the internet if youre that sensitive or are in an environment where sound may be disruptive, use it would be my advice!
Autoplay blocking is the default setting on most mobile & some desktop browsers.
By @Nancy OShea
Android autoplays a video by default, I don't know about the noise it makes though as I cant tell if the video on the website I'm currently viewing is muted by default or not, I guess it must be unless the android chrome browser does that job automatically. Chrome desktop will autoplay a video if its muted.......ok I'll deal with that because I'm not a great advocate of noise suddenly spewing out of your speakers. I dont see much wrong with autoplaying silent videos as an option whether the user likes it or not, so maybe browsers need to autoplay the video, even if its not muted by default, and do the job themsleves, I'm sure with the tech available today thats possibe.
Read the Mozilla Developers article I posted above. The perils & pitfalls are all spelled out there.
By @Nancy OShea
There's too many perils and pitfalls associated with websites these days because of the advancement in technology and expectations - what next, l guess this animation stuff, things flying in left right and center as you scroll, will eventually drive users insane to the point browsers will be forced to bring in options to target those as well.
AdChoices