angularjs, fügen Sie dem Video eine Loop-Eigenschaft hinzu

Question

Vermutlich fehlt hier etwas Einfaches, aber wie füge ich die 'loop'-Eigenschaft zu einem Video in meiner Direktive hinzu?

Ich habe eine Variable videoLoop, die an die Richtlinie gebunden Zweiweg ist:

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

Wo vm.videoLoop zu loop gleich ist. Dies interpoliert jedoch nicht.

habe ich auch versucht:

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

Wo vm.videoLoop gleich falsch ist. Wenn ich dies tue, wird das Attribut als wahr ausgewertet und es läuft weiter. Irgendwelche Ideen?

Answer 1

Ihre vm.videoLoop ausgewertet true/false so das Ergebnis sein wird:

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

Der Wert des Attributs loop spielt keine Rolle, nur video Tag benötigt loop Attribute vorhanden sein Looping zu aktivieren.

Zum Beispiel alle unten video Tags aktivieren Looping:

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

Ihr Ziel erreichen Sie dies versuchen:

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

Ich hoffe, dies wird Ihnen helfen.

Answer 2

Es gibt ein Problem mit der Bindung von Eigenschaften. Versuchen [loop] = 'vm.videoLoo'

Answer 3

Mit

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

Was ich tun würde:

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