<div class="item">
<iframe height="220" src="https://www.youtube.com/embed/ctWheXPtkN8?autohide=1" frameborder="0" allowfullscreen></iframe>
<div class="video-s"></div>
</div>.video-s расположить поверх фрейма, абсолютным позиционированием
Из-за ограничений JavaScript, Vue не способен заметить следующие изменения в массиве:
1. Прямую установку элемента по индексу, например:vm.items[indexOfItem] = newValue
2. Явное изменение длины массива, например:vm.items.length = newLength
Обойти первую проблему можно двумя способами, оба из которых не только дадут эффект аналогичныйvm.items[indexOfItem] = newValue, но и инициируют реактивные обновления состояния приложения:// Vue.set Vue.set(example1.items, indexOfItem, newValue) // Array.prototype.splice example1.items.splice(indexOfItem, 1, newValue)
Для обхода второй проблемы используйте splice:example1.items.splice(newLength)
.parent:has(.completed) {
background-color: red;
}