Topic: I want to get rid of video controller while using video intro in embed-response of Angular
HI! I want to get rid of Video Controller while showing Video intro in Angular.
Is there a way how to do it?
Here is my code:
<!--Double navigation-->
<header>
<!-- Sidebar navigation -->
<mdb-sidenav #sidenavclass="sn-bg-1" [fixed]="false">
<logo>
<li>
<divclass="logo-wrapper waves-light">
<ahref="#">
<imgsrc="http://mdbootstrap.com/img/logo/mdb-transparent.png"class="img-fluid flex-center">
</a>
</div>
</li>
</logo>
<links>
<!--Social-->
<li>
<ulclass="social">
<li>
<aclass="icons-sm fb-ic">
<iclass="fa fa-facebook"></i>
</a>
</li>
<li>
<aclass="icons-sm pin-ic">
<iclass="fa fa-pinterest"></i>
</a>
</li>
<li>
<aclass="icons-sm gplus-ic">
<iclass="fa fa-google-plus"></i>
</a>
</li>
<li>
<aclass="icons-sm tw-ic">
<iclass="fa fa-twitter"></i>
</a>
</li>
</ul>
</li>
<!--/Social-->
<!--Search Form-->
<li>
<formclass="search-form"role="search">
<divclass="form-group md-form mt-0 pt-1 waves-light"mdbWavesEffect>
<inputtype="text"class="form-control"placeholder="Search">
</div>
</form>
</li>
<!--/.Search Form-->
<!-- Side navigation links -->
<li>
<ulclass="collapsible collapsible-accordion">
<mdb-squeezebox [multiple]="false"aria-multiselectable="false">
<!-- Collapsible link -->
<mdb-item>
<mdb-item-headmdbWavesEffect>
<iclass="fa fa-chevron-right"></i> Collapsible menu</mdb-item-head>
<mdb-item-body>
<ul>
<li>
<ahref="#"class="waves-effect"mdbWavesEffect>Link 1</a>
</li>
<li>
<ahref="#"class="waves-effect"mdbWavesEffect>Link 2</a>
</li>
</ul>
</mdb-item-body>
</mdb-item>
<!-- Simple link -->
<mdb-itemclass="no-collase">
<mdb-item-headmdbWavesEffect>
<iclass="fa fa-hand-pointer-o"></i> Simple link</mdb-item-head>
<mdb-item-body></mdb-item-body>
</mdb-item>
<!-- Collapsible link -->
<mdb-item>
<mdb-item-headmdbWavesEffect>
<iclass="fa fa-eye"></i> Collapsible menu 2</mdb-item-head>
<mdb-item-body>
<ul>
<li>
<ahref="#"class="waves-effect"mdbWavesEffect>Link 1</a>
</li>
<li>
<ahref="#"class="waves-effect"mdbWavesEffect>Link 2</a>
</li>
</ul>
</mdb-item-body>
</mdb-item>
<!-- Simple link -->
<mdb-itemclass="no-collase">
<mdb-item-headmdbWavesEffect>
<iclass="fa fa-diamond"></i> Simple link 2</mdb-item-head>
<mdb-item-body></mdb-item-body>
</mdb-item>
</mdb-squeezebox>
</ul>
</li>
<!--/. Side navigation links -->
</links>
<divclass="sidenav-bg mask-strong"></div>
</mdb-sidenav>
<!--/. Sidebar navigation -->
<!-- Navbar -->
<mdb-navbarSideClass="navbar navbar-toggleable-md navbar-expand-lg fixed-top scrolling-navbar double-nav" [containerInside]="false">
<navlinksclass="navbar-container p-0">
<!-- SideNav slide-out button -->
<divclass="float-left">
<a (click)="sidenav.show()"class="button-collapse-non-fixed hidden-nav">
<iclass="fa fa-bars"></i>
</a>
</div>
<!--/. SideNav slide-out button -->
</navlinks>
<logo>
<divclass="logo-wrapper waves-light ml-auto">
<ahref="#">
<imgsrc="http://mdbootstrap.com/img/logo/mdb-transparent.png"class="img-fluid flex-center">
</a>
</div>
</logo>
<navlinks>
<ulclass="nav navbar-nav nav-flex-icons ml-auto ie-double-nav">
<liclass="nav-item">
<aclass="nav-link border border-light rounded waves-light"mdbWavesEffect>
<iclass="fa fa-pencil-square-o"></i>
<spanclass="clearfix d-none d-sm-inline-block">Teofl Exam</span>
</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>
<iclass="fa fa-envelope-o"></i>
<spanclass="clearfix d-none d-sm-inline-block">Contact</span>
</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>
<iclass="fa fa-comments-o"></i>
<spanclass="clearfix d-none d-sm-inline-block">Support</span>
</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>
<iclass="fa fa-sign-in"></i>
<spanclass="clearfix d-none d-sm-inline-block">Log In</span>
</a>
</li>
</ul>
</navlinks>
</mdb-navbar>
<!--/. Navbar -->
</header>
<!--/.Double navigation-->
<!--Main Layout-->
<main>
<divclass="container-fluid">
<divclass="embed-responsive embed-responsive-16by9www">
<iframesrc="../../assets/imagevoca01_1.mp4"frameborder="0"class="embed-responsive-item"></iframe>
</div>
<divclass="mask flex-center rgba-blue-light">
<pclass="white-text">strong overlay</p>
</div>
</div>
</main>
<!--/Main layout-->
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 7 years ago
Dear tonyha, Could you explain your problem using more words? What exactly do you want to achieve? Please provide me more pieces of information. Best Regards, Damiantonyha pro premium commented 7 years ago
Okay, I would like to show Video intro in index.html. So, I was using tag with class="view", however, when I running my project with using it, I did not show anything in chrome browser. Then, I change from tag to with class="embed-responsive",. It works fine. However, whenever video in the browser are running, underneath of video screen, it always shows video controller in the browser. is there any way to hide the video controller? And When I use tag, sometimes I can see video and sometimes I can not see video in the browser. Do you know what happen about it? if you want, I will send you email to you. Thank you !tonyha pro premium commented 7 years ago
Okay, I would like to show Video intro in index.html. So, I was using tag with class=”view”, however, when I running my project with using it, I did not show anything in chrome browser. Then, I change from tag to with class=”embed-responsive”,. It works fine. However, whenever video in the browser are running, underneath of video screen, it always shows video controller in the browser. is there any way to hide the video controller? And When I use tag, sometimes I can see video and sometimes I can not see video in the browser. Do you know what happen about it? if you want, I will send you email to you. Thank you !Damian Gemza staff commented 7 years ago
Dear tonyha, Please, send me your project without node_modules directory at d.gemza@mdbootstrap.com. Best Regards, Damian