2017-04-05 3 views

答えて

0

あなたは異なるアプローチを見つけることができます... ここでは、基本的なhtmlビデオタグとjsの簡単な例を作った。

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.name = 'World'; 
 
    $scope.makeAction=function(){ 
 

 
var vidURL = "http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"; 
 
var myVideo = document.getElementsByTagName('video')[0]; 
 
myVideo.src = vidURL; 
 
myVideo.load(); 
 
myVideo.play(); 
 
} 
 
});
<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 

 
    <body ng-controller="MainCtrl"> 
 
    <p>Hello {{name}}!</p> 
 
    <video controls="controls" width="640" height="340" name="Video Name" ></video> 
 
    <button type="button" ng-click="makeAction()">play</button> 
 
    </body> 
 

 
</html>

+0

おかげで、私はローカルではない、インターネットでビデオファイルを再生したいです。 –

+0

そのファイルをローカルで利用できるようにし、そのビデオパスをvidURLに指定します。 –

+0

タグ

関連する問題