Как убрать элементы управления iframe и добавить zoomin и zoom?

Question

У меня есть тег iframe с видео, снятыми с моей базы данных, мне нужно удалить элементы управления из тега и вставить zoomin и уменьшить масштаб внутри видео. Также мне нужно окно меню правой кнопки мыши внутри этого тега.

Я пробовал control = 0, autoplay = "yes", но это не работает для локально сохраненного видео. а также для масштабирования я пробовал масштабирование.

HTML

<div class="display_layout" id="main" ng-model="camerasList"  as-sortable layout-wrap flex>
      <div class="wrap"
        ng-class="{'flex-100' : item.size == 'fourscreen' , 'flex-30' : item.size == 'sixscreen' , 'flex-50' : item.size == 'eightscreen' , 'flex-75' : item.size == 'ninescreen', 'flex-50' : item.size == 'twelvescreen' }"
        ng-repeat="item in camerasList | limitTo : showCount : startFrom" style="display: grid;" ng-class="size" layout-wrap flex-wrap as-sortable-item>

        <iframe src={{item.camera_url}} as-sortable-item-handle class="frame"  width="337" height="177" zooming="true"  flex class="iframe" autoplay="yes" scrolling="no" loop></iframe>

      </div>
    </div>
  <!-- <div ng-show="isShow" style="position: absolute; z-index: 10000;"> -->
    <md-menu>
      <md-button ng-right-click="$mdMenu.open($event)">click</md-button>
      <md-menu-content width="4">
        <md-menu-item>
          <md-menu>
            <md-button>Group</md-button>
            <md-menu-content width="4">
              <md-menu-item ng-repeat="item in groupLsts">
                <md-menu>
                  <md-button ng-mouseover="filterCamera(item._id)">{{item.name}} </md-button>
                  <md-menu-content width="4">
                    <md-menu-item ng-repeat="list in camGroup">
                      <md-button>{{list.name}} </md-button>
                    </md-menu-item>
                  </md-menu-content>
                </md-menu>
              </md-menu-item>
            </md-menu-content>
          </md-menu>
        </md-menu-item>
      </md-menu-content>
    </md-menu>
    <!-- </div> -->

JS

 this.mdMenu = function ($mdMenu, ev) {
            originatorEv = ev;
            $mdMenu.open(ev);
            $scope.isShow = true;
        };

всякий раз, когда мышь прокручивается вверх или вниз, соответственно увеличивайте или уменьшайте масштаб экрана.