Skip to main content
Known Participant
February 7, 2024
Question

responsive videos

  • February 7, 2024
  • 3 replies
  • 1325 views

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

    This topic has been closed for replies.

    3 replies

    Brainiac
    February 8, 2024

    I'm not sure why you don't want the video controls, maybe they are intrusive for you? You know you can create a more descreet play button, which you can overlay onto the video, a bit like the youTube play button if that would be more suitable........shout out if you want an example.

     

    As long as you don't have noise associated with the video onload then I think its OK to have it autoplay onload, many, many websites do that as its all about movement, animation these days, not static, motionless experiences! Unless I'm mistaken Chrome no longer has the ability to switch off autoplay unless it was re-instated in newer versions..........I think you can still switch off sound in the browser, however few will know how to do that and you can switch off your computer sound anyway if you're on the internet at work or home, if it's that annoying to you......but its still courteous to allow a visitor to choose sound on a video - autoplay should be optional, as long as its a muted video.

    Nancy OShea
    Community Expert
    February 8, 2024

    People with Autoplay Blocking will not see video that contains an audio track.  It will be blocked such that they see only an empty space where the player should be.  See below for more about Media & Autoplay.

    https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

     

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Brainiac
    February 8, 2024
    quote

    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!

    Nancy OShea
    Community Expert
    February 7, 2024

    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.

     

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    beng2000Author
    Known Participant
    February 17, 2024

    Nancy, very good reasons NOT to take controls out.  Instead of videos with no controls, what I really want is animation. A small amount on the index page. A new thing to learn, which I don't mind.  Thanks!

    Nancy OShea
    Community Expert
    February 18, 2024
    quote

    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:

    https://ezgif.com/webp-maker

     

    Video to WebP maker:

    https://ezgif.com/video-to-webp

     

    Anime.js JavaScript Animation Library (ver 3.2.2):

    https://animejs.com/

     

    Wow.js -- Reveal Animations on Scroll

    https://wowjs.uk/

     

     

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Brainiac
    February 7, 2024

    https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_video2 

     

    See if the above helps. If you don't want any controls then remove 'controls' from the <video> tag and replace with 'autoplay' without the '  '.

    beng2000Author
    Known Participant
    February 17, 2024

    Thank you.

     

    I think what I need is animation on the website, not a video. I don't know how to incorporate animation in my designs yet, but I will learn.