Stepanya

У Вас несколько кнопок с одинаковым уникальным id.

Они наверное у вас в одной папке и у этой папки сбросились права доступа

Вы не пробовали заголовок этого вопроса забить в гугл?
Он выдает верный ответ первым же результатом

Можно, но вы будете тратить много времени на выяснение почему что-то работает не так как вы ожидали

Вроде как стандарт html5 никак не позволяет непропорционально растягивать видео.
Поэтому вам надо сконвертировать 3 видео для нужных вам разрешений и отдавать их пользователю в зависимости от его разрешения

Что-то вроде этого

svg.selectAll("text")
    .data(data)
    .enter()
    .append("text")
    .text(function(data){return data.days;})
    .attr("text-anchor", "middle")
    .attr("x", function(data, i) {
        return  x(data.days);
    })
    .attr("y", function(d) {
        return h - (data.days * 4) + 14;
    })
    .attr("font-family", "sans-serif")
    .attr("font-size", "11px")
    .attr("fill", "green");

Используйте маску css.yoksel.ru/css-and-svg-masks

Учитывая свой опыт я могу предположить, что это возможно

В функции findCarInLot ошибка, она должна быть такой

function findCarInLot (car) {
  for (var i = 0 ; i < lot.length ; i ++) {
    if ( car === lot[i] ) {
      return i ;
    }
  }
  return - 1 ;
}

Эта функция бежит по элементам массива lot и если этот элемент равен тому, что мы хотим найти возвращает его

Зачем вы тестируете UI в карме? Тестируйте конроллеры, их публичные фунции и по возможно приватные

Добавьте тег в head, что-то типа такого

<style>.font { font-family: {{$ctrl.font}};}</style>

У вас какой-то изврат!

Вы вполне можете использовать два-три css файла, если они достаточно толстые

<link rel="stylesheet" href="/css/vendor.css"> // size +100500kb
<link rel="stylesheet" href="/css/init.css"> // size 5kb
<link rel="stylesheet" href="/css/main.css"> // size 500kb

bindings: {
            item: '<'
        },

const ctrl = this;

                this.$onInit = function() {
                    console.log(ctrl.item);
                };

https://jsfiddle.net/jxcj2w79/2/

Если Вы тестируете в Chrome >= 55v, или SF 10, то вполне можете использовать бабел только релиза.

https://jakearchibald.com/2013/animated-line-drawi...

Вот если можно было бы модель строить в контроллере, а вьюха её бы только отрисовывала...

<ul class="list-group">
  <li ng-repeat="info in $ctrl.curMarks" class="list-group-item">
    <span>{{info.worker}}</span>
    <span class="badge">
      {{info.mark}}
    </span>
  </li>
</ul>

function MyCtrl() {
  var vm = this;
  vm.curMarks = null;

  function changeTask() {
   task = [{worker: 'Sergey', mark: '@Neversmille'}];
    vm.curMarks = getTaskVotesModalInfo(task);
  }

  function init() {
    vm.curMarks = getTaskVotesModalInfo(task);
  }

  init();
}

Есть ещё хорошая практика не использовать scope, а использовать контроллер

<div class="office-block" ng-if="isShow">
</div>

myApp.controller("homeCtrl", function($scope, $location){
  $scope.isShow = false;

  $scope.saveOffice = function (office) {
    $scope.clientsInfo = office;

    if (office != ""){
      // код который будет изменять ng-if
      $scope.isShow = !$scope.isShow;
    };

  };

});

Как-то так наверное
https://jsfiddle.net/tu4t9ctk/2/

С нулевой шириной работает неправильно