动态加载和播放 HTML5 视频
Dynamically Load and Play HTML5 video
我正在尝试加载和播放HTML5视频onClick事件。但我无法完成此操作:-/
这是我的HTML5:
<div id="divVideo">
<video id="video" controls width="560">
<source id="mp4" type="video/mp4" />
</video>
</div>
<div onclick="loadVideo('Muse-Animals.mp4');">play</div>
这是我的JS:
function loadVideo(id)
{
var video = document.getElementById('video');
var mp4 = document.getElementById('mp4');
mp4.src = "vidz/" + id;
video.load();
video.play();
}
我检查了该元素,它确实更新了视频标签属性,但无法加载或播放视频。
我做错了什么?
首先检查您是否正在为视频 src 提供静态,然后它是否正在播放。如果它正在播放,那么在动态提供它的同时,尝试在 SRC 中提供一个额外的变量以使视频源自行刷新
喜欢
function loadVideo(id)
{
var video = document.getElementById('video');
var mp4 = document.getElementById('mp4');
d = new Date();
mp4.src = "vidz/" + id + d.getTime();
video.load();
video.play();
}
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- html5视频中的Youtube类型注释
- 强制浏览器更新缓存的HTML5视频对象
- 可以使用带有json回调的html5视频标签
- html5视频播放器和视频js之间的关系
- 隐藏HTML5视频控件
- 用链接替换嵌入的HTML5视频
- HTML5视频链接在Chrome中不起作用
- 用angular js在屏幕上点击播放和暂停html5视频
- 使用Javascript播放HTML5视频
- 自定义HTML5视频控件-退出按钮不会启动全屏切换功能
- ReactJS:如何使用react正确播放带有onClick事件的html5视频
- html5视频将黑框(空)绘制到画布上
- 资源管理器9上的html5视频缓存
- 如何检查html5视频是否有足够的缓冲,以便在不停止缓冲的情况下播放
- html5视频交互式视频播放器
- HTML5视频无法在chrome上工作,在服务器上托管后的IE,mov文件中的视频(quicktime格式)
- 如何从某个时间开始预加载HTML5视频
- 寻找HTML5视频是否需要加载整个文件
- 如何在HTML5视频中获得寻找事件的起点