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
    Adobe 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
    Nancy OShea
    Adobe Expert
    February 8, 2024
    quote

    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.

     

     

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Nancy OShea
    Adobe 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
    Brainiac
    February 8, 2024
    quote

     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.

    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.