Issue
[please refer attached scrnshot, i want to remove play/pause icon which i'm pointing] [scrnshot] How to remove/hide only play/pause icon/button from video tag's media player. As i'm adding controls attribute dynamically using jquery. It gives all icons, i want to hide/remove only play/pause button not other(i.e. want Fullscreen icon mandatory). Is there any solution for this??
Below is the code for adding controls attribute to video tag dynamically
showVideoControls(){
var elem = document.getElementById("remote_video");
if (elem.requestFullscreen) {
$("video").attr("controls",true);
}
}
Solution
One way to resolve this issue would be targeting the childs of the container your video is displayed in. Apply styles on the video and apply property like. Depends on what child you are targeting.
.video:first-child {
display: none;
}
and if you know for sure that it is an image or link, you can do something like
.video img {
display: none;
}
Answered By - MubashirEbad
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.