在離子含量更改中，通過javascript的視頻標簽的來源不起作用

Question

代碼：

<video  id='play_video' controls="controls"  width="100%" height="100%" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer">             
<source id='mp4Source' src="" type="video/mp4"/>
 </video>

Java腳本

var player = document.getElementById('play_video');  
var mp4Vid = document.getElementById('mp4Source');
mp4Vid = "http://scontent-lht6-1.cdninstagram.com/t50.2886-16/10951700_1534409696814630_381716634_n.mp4";
player.load();
player.play();

問題：視頻標簽位於ion-content內。嘗試通過javascript更改源標簽的src無法正常工作。 解決方案是什么？

Answer 1

您必須設置element的src屬性：

 var player = document.getElementById('play_video'); var mp4Vid = document.getElementById('mp4Source'); mp4Vid.src = "http://scontent-lht6-1.cdninstagram.com/t50.2886-16/10951700_1534409696814630_381716634_n.mp4"; player.load(); player.play(); 

 <video id='play_video' controls="controls" width="100%" height="100%" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"> <source id='mp4Source' src="" type="video/mp4"/> </video> 

Answer 2

var player = document.getElementById('play_video');  
var mp4Vid = document.getElementById('mp4Source');

mp4Vid.src = "http://scontent-lht6-1.cdninstagram.com/t50.2886-16/10951700_1534409696814630_381716634_n.mp4";

player.load();
player.play();