在 ion-content 中，通过 javascript 更改视频标签的来源不起作用答案

【问题标题】：In ion-content change the source of video tag via javascript is not working在 ion-content 中，通过 javascript 更改视频标签的来源不起作用
【发布时间】：2017-03-31 08:16:13
【问题描述】：

代码：

<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>

Javascript

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();

问题： video 标签在 ion-content.try 中通过 javascript 更改源标签的 src 不起作用。有什么办法解决这个问题？？

【问题讨论】：

标签： javascript video ionic-framework

【解决方案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>

【讨论】：

【解决方案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();

【讨论】：

我得到了结果，当我加载另一个页面时，视频仍在继续播放