video:动态改变了source里src的视频路径，但是视频不显示问题

_木棠 • 2023年07月02日 06:48 • 1年前 • 编程日记 • 阅读(3) • 违法举报

1.dom


<video class="warn-slider-img">
	<source id="myVideo0" src=""  type="application/x-mpegURL">
</video>

2.动态改变src


$('#myVideo0').attr('src','http://36.137.3.207:8765/hls/xmg_14.mp4')

在浏览器里面，我们看到source里的src视频链接已加载出来了，可视频未显示。

答案来了：

当 video 中存在 source 标签的时候，浏览器渲染之后会自动去获取地址，但是，即便地址改变了，浏览器也不会再去获取视频了。

1.把src放在video标签上

<video class="warn-slider-img" src="http://36.137.3.207:8765/hls/xmg_14.mp4"></video>

2.把操作dom ‘ id="myVideo " ’ 放在video标签上

<video class="warn-slider-img" id="myVideo0">
	<source src="" type="application/x-mpegURL">
</video>

文章来源地址https://uudwc.com/A/BnJWv

原文地址:https://blog.csdn.net/Ygaidi/article/details/128014468

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请联系站长进行投诉反馈，一经查实，立即删除！