html how to remove control bar in video tag inside iframe

Question

I make live streaming video using webrtc.

You can see control bar in it because of video tag.

I want to remove video control tag in page. If you know about this, please help em.

Thanks to watching...

score 1 · Answer 1 · answered Nov 01 '20 at 16:06

1

For removing the controls, add controls=0 at the end of your url

<iframe width="840" id="dice-frame" height="478" src="15.164.215.4:5080/WebRTCAppEE/…?controls=0" frameborder="1" allowfullscreen=""></iframe>

Another approach (if you want to hide everything on hover) is to add pointer-events:none on hovering the iframe

answered Nov 01 '20 at 16:06

Sara Stoimenovska

i did as above, but control bar is showing yet.. sad – Jong Jong Nov 01 '20 at 18:02

score 1 · Accepted Answer · answered Nov 01 '20 at 16:14

1

hi just check your video code if there is any

controls

word like that

<video src="../videos/test.mp4" autoplay controls></video>

then remove it to be like that

<video src="../videos/test.mp4" autoplay ></video>

answered Nov 01 '20 at 16:14

QXE company

as you know, video tag is placed in iframe. i can't change iframe content. I just can use obove url in iFrame. – Jong Jong Nov 01 '20 at 18:01
try this post here may help you – QXE company Nov 02 '20 at 09:14
https://stackoverflow.com/questions/14161516/html5-video-completely-hide-controls – QXE company Nov 02 '20 at 09:14

2 Answers2