angularjs, добавить свойство цикла в видео

Question

0

Наверное, здесь что-то не так просто, но как добавить свойство "loop" в видео в моей директиве?

У меня есть переменная videoLoop которая связана двумя способами с директивой:

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay {{vm.videoLoop}}></video>

Где vm.videoLoop равно loop. Однако это не интерполирует.

Я также пробовал:

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay loop="{{vm.videoLoop}}"></video>

Где vm.videoLoop равно false. Если я это сделаю, атрибут будет равен true, и он продолжит цикл. Есть идеи?

userqwert 18 июль 2016, в 14:15

Теги:

3 ответа

0

Существует проблема с привязкой свойств. Попробуйте [loop] = 'vm.videoLoo'

Ravinder Kumar 18 июль 2016, в 10:25

0

С помощью

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay {{vm.videoLoop}}></video>

Что я буду делать:

vm.videoloop = "loop" //when I want the video to play continuously
vm.videoloop = "" //when I want the video to play just once

Roger Garcia 18 июль 2016, в 10:03

0

Это не работает Код не интерполируется, поэтому он просто показывает {{vm.videoLoop}}, а не связанное значение 'loop'
userqwert 18 июль 2016, в 12:29
0

Попробуйте использовать это, надеюсь, это поможет: w3schools.com/tags/av_prop_loop.asp
Roger Garcia 18 июль 2016, в 12:47

Это не работает Код не интерполируется, поэтому он просто показывает {{vm.videoLoop}}, а не связанное значение 'loop'
Попробуйте использовать это, надеюсь, это поможет: w3schools.com/tags/av_prop_loop.asp

Ismail RBOUH · Accepted Answer · 2016-07-18T09-49-00.000Z

Ваш vm.videoLoop оценивает значение true/false поэтому результат будет следующим:

<video class="x-video" ..... loop="true/false"></video>

Значение атрибута loop не имеет значения, video тег нужно только loop атрибут должен присутствовать, чтобы активировать зацикливание.

Например, все приведенные ниже теги video активируют цикл:

<video loop> <video loop="true"> <video loop="false">  <video loop="x">

Чтобы достичь своей цели, попробуйте следующее:

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay ng-attr-loop="{{vm.videoLoop  || undefined}}"></video>

Я надеюсь, что это поможет вам.

Не могли бы вы рассказать, как это работает?
Пожалуйста, ознакомьтесь с обновленным ответом.
Еще одно обновление! краткое решение без необходимости сильно менять свой код!
Это выглядит близко, но {{vm.videoLoop? "loop": ""}} не анализируется для меня, когда он находится внутри тега, подобного этому? Он отлично работает вне видео тега.
@userqwert Это работает благодаря ng-attr