如何动态切换html5视频源？
如何动态切换html5视频源？
提问于 2016-10-29 04:07:26
我正在使用flowplayer来渲染实时视频。单击按钮时，我希望将src (视频url)动态更改为不同的url。这需要在大多数移动设备(ios和Android)上都能很好地工作。我在这个帖子中尝试了几乎所有的答案，但似乎没有一个在所有设备上都能很好地工作-
更改html5视频标签上的源
..。
答案来自
antonioj1015
除了我在播放器上看不到默认的播放/暂停按钮之外。
这是我的flowplayer容器div看起来像-
Javascript代码看起来像这样-
document.getElementById('player').innerHTML = '';
document.getElementById('video').load();
document.getElementById('video').play();我已经尝试替换整个视频标签。此外，尝试动态更改src，但似乎什么都不起作用。任何在正确方向上的推动都将受到极大的赞赏。谢谢。
回答 2
Stack Overflow用户
发布于 2016-10-29 04:23:54
您可以使用
属性。
document.getElementById('video').src = 'https://example.com/othervideo.mp4';
document.getElementById('video').load();
document.getElementById('video').play();阅读更多信息
https://www.w3schools.com/tags/av
_
道具
_
src.asp
Stack Overflow用户
发布于 2016-11-19 05:13:54
可以在开头将flowplayer api设置为全局变量
var myApi;
flowplayer(function (api, root) { myApi = api; });然后单击按钮，执行以下操作：
$("#yourbutton").on("click", function () {
myApi.load({
sources: [{ type: "video/mp4",
src: newurl }]
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40312501
复制相关文章
相似问题
腾讯云开发者
