相关疑难解决方法(0)

动态加载和播放HTML5视频

我正在尝试加载并播放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>
Run Code Online (Sandbox Code Playgroud)

这是我的JS:

function loadVideo(id)
{
    var video = document.getElementById('video');
    var mp4 = document.getElementById('mp4');

    mp4.src = "vidz/" + id;

    video.load();
    video.play();
}
Run Code Online (Sandbox Code Playgroud)

我检查了元素,它确实更新了视频标签属性,但没有加载或播放视频.

我究竟做错了什么?

javascript html5 html5-video

6
推荐指数
1
解决办法
4万
查看次数

标签 统计

html5 ×1

html5-video ×1

javascript ×1