Я пытаюсь создать просто слайдер с изображениями и видеороликами youtube. Я хочу, чтобы он работал нормально на сенсорных устройствах, поэтому я хочу использовать ng-swipe-*
из модуля angular ngTouch
. К сожалению, салфетка не работает над iframe youtube. Я попытался установить ниже z-index: -10;
, но потом я не могу воспроизвести видео.
Есть ли у вас какие-либо идеи, как решить эту проблему?
Есть фрагмент:
var app = angular.module('app', ['ngTouch']);
app.controller('ctrl', function($scope) {
$scope.msg = function(msg) {
alert(msg);
}
});
.ok {
width: 300px;
height: 100px;
background: green;
}
<script src="https://code.angularjs.org/1.4.8/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.8/angular-touch.min.js"></script>
<div ng-app="app">
<div ng-controller="ctrl" ng-swipe-right="msg('right')" ng-swipe-left="msg('left')">
<div class="ok">swipe works here</div>
<div>
<iframe width="300" height="200" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>