tengo un menú

Quiero abrir este menú desde diferentes lugares de la página, por ejemplo

Lo que quiero: cada vez que haga clic en el signo más en el div de fondo gris o en la línea entre dos videos, el menú aparecerá en los lugares correctos, pero el menú solo debe escribirse una vez como plantilla en el HTML, como pensé. .

 <md-menu class="add-video"> <!-- Trigger element is a md-button with an icon --> <md-button ng-click="$mdMenu.open($event)" class="md-icon-button" aria-label="Open sample menu"> <md-icon md-font-icon="icon-home" class="icon vi-o2-1"></md-icon> </md-button> <md-menu-content> <md-menu-item> <md-button ng-click="$ctrl.doSomething()"><span class="icon vi-o2-1"></span>Add Videos</md-button> </md-menu-item> <md-menu-item> <md-button ng-click="$ctrl.doSomething()"><span class="icon vi-o2-1"></span>Semantic</md-button> </md-menu-item> <md-menu-item> <md-button ng-click="$ctrl.doSomething()"><span class="icon vi-o2-1"></span>Personalized</md-button> </md-menu-item> <md-menu-item> <md-button ng-click="$ctrl.doSomething()"><span class="icon vi-o2-1"></span>Nested Playlists</md-button> </md-menu-item> </md-menu-content> </md-menu>