Question

我有一个iframe标签，其中包含从我的数据库中获取的视频，我需要从标签中删除控件，然后在视频中插入zoomin和zoom out。我还需要在此标记内单击鼠标右键菜单框。

我尝试过控制= 0，自动播放=“是”，但这不适用于本地存储的视频。对于缩放，我也尝试过缩放。

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;
        };

每当鼠标上下滚动时，相应地放大或缩小屏幕。

如何删除iframe控件并添加放大和缩小？

0 个答案: