appceleratorの動画プレーヤーが再生されない

Question

urlを引数として別のコントローラーから取得した後、appceleratorで動画を自動再生しようとしています。しかし、ビデオは再生されていません。ここ はVideoPalyerController.xmlファイルです：ここで

<Alloy> 
    <View class="container" > 
     <View class="videoPlayerView" > 
      <VideoPlayer class = "videoPlayerClass" id = "videoPlayer"></VideoPlayer> 
     </View> 
     <View class="videoInfoView" layout="vertical" backgroundColor="white"> 
      <Label class="titleLabel" backgroundColor="gray"></Label> 
      <View class="dateUrlView" layout="horizontal"></View> 
      <Label class="dateLabel" backgroundColor="lightgray"></Label> 
      <Label class = "urlLabel"></Label> 
     </View> 
     <!-- <View class = "buttonview"> 
      <Button class="backButton"></Button> 
     </View> --> 
    </View> 
</Alloy> 

はVideoPlayerController.jsファイルです：ここで

var args = $.args; 
    Ti.API.trace("VideoPlayerController :",args.url); 
    //titleLabel = args.info; 
    $.videoPlayer.url = args.url; 

は、私がVideoPlayerController.jsファイルに引数を送信していた場所からDashboardController.jsです。

var args = $.args; 

var sections = []; 
//JSON to populate the listview 
var videoInfo = [{ 
    pic : "/Images/playButton.png", 
    info : "This in the the title for the first video.", 
    date : "03/07/2017", 
    url : "https://youtu.be/zkOSR0ZRb9khttps://youtu.be/zkOSR0ZRb9k" 
}, { 
    pic : "/Images/playButton.png", 
    info : "This in the the title for the second video.", 
    date : "03/07/2017", 
    url : "https://youtu.be/zkOSR0ZRb9khttps://youtu.be/zkOSR0ZRb9k" 
}, { 
    pic : "/Images/playButton.png", 
    info : "This in the the title for the third video.", 
    date : "03/07/2017", 
    url : "https://youtu.be/zkOSR0ZRb9khttps://youtu.be/zkOSR0ZRb9k" 
}]; 

function populateListView() { 
    Ti.API.trace("[DashboardController.js >> populateListView() >>]"); 
    if (!_.isEmpty(videoInfo)) { 
     for (var i = 0; i < videoInfo.length; i++) { 
      var item = { 
       template : "videoTemplate", 
       iconId : { 
        image : videoInfo[i].pic 
       }, 
       titleId : { 
        text : videoInfo[i].info 
       }, 
       dateId : { 
        text : videoInfo[i].date 
       }, 
       urlId : { 
        text : videoInfo[i].url 
       }, 
       properties : { 
        backgroundColor : "transparent" 
       } 
      }; 
      sections.push(item); 
     } 
     $.listSection.setItems(sections); 
    } 
} 
populateListView(); 
$.lView.addEventListener('itemclick',function(e){ 
    Ti.API.trace("[DashboardController.js >> Function to open VideoPlayerController >>]"); 
    var dataItem = videoInfo[e.itemIndex];//$.listSection.getItemAt(e.itemIndex) ; 
    Ti.API.trace("Data Item is : ",dataItem); 
    var videoController = Alloy.createController('VideoPlayerController',{ 
    "url":dataItem.url, 
    "title":dataItem.info, 
    "date":dataItem.date 
    }).getView(); 
Alloy.Globals.parent.add(videoController); 
    //videoController.open(); 
}); 

Answer 1

ブラウザでそのビデオを開くことはできますか？ DashboardController.jsファイルからそのURLを開こうとすると、404エラーが表示されるためです。

jsonオブジェクトでurlを2回設定すると思います。

{ 
    pic : "/Images/playButton.png", 
    info : "This in the the title for the second video.", 
    date : "03/07/2017", 
    url : "https://youtu.be/zkOSR0ZRb9khttps://youtu.be/zkOSR0ZRb9k" 
} 

もう一度試してください。