Question

我知道以前曾经问过这个问题，但出于某些原因，这个策略对我来说似乎没有用。

这是我的代码：

   $(document).ready(function() {
        $('#foo').click(function() {
        var videoFile = 'video/law_cash.mp4';
        $('#video_container video source').attr('src', videoFile);
        });
    });

点击功能正常工作，当我检查firebug时，视频/ law_cash.mp4显示在右侧区域。点击

时它不会加载

编辑：这就是我真正想要做的事情：

$(document).ready(function() {

    var knicks = 'video/knicks_therapist.m4v';
        law = 'video/law_cash.mp4';
        fit = 'video/fit_some.mp4';
        texas = 'video/texas_familia.mp4';
        partner = 'video/drug.m4v';
        keyspan = 'video/keyspan_nrg.mov';

    $('#law').click(function() {
        $('#video_container video source').attr('src', law);
        $('#video_container video source').load();
    });

    $('#knicks').click(function() {
        $('#video_container video source').attr('src', knicks);
        $('#video_container video source').load();
    });

    $('#fit').click(function() {
        $('#video_container video source').attr('src', fit);
        $('#video_container video source').load();
    });

    $('#texas').click(function() {
        $('#video_container video source').attr('src', texas);
        $('#video_container video source').load();
    });

    $('#partner').click(function() {
        $('#video_container video source').attr('src', partner);
        $('#video_container video source').load();
    });

    $('#keyspan').click(function() {
        $('#video_container video source').attr('src', keyspan);
        $('#video_container video source').load();
    });
});

HTML：

<a id="law" href="#">BLAH</a>

Answer 1

Firefox不支持MPEG音频/视频格式...不知道为什么。

编辑：如果您注册了onerror个活动，则会触发，视频元素的error对象会告诉您MEDIA_ERR_SRC_NOT_SUPPORTED

Answer 2

在原始示例中，我认为加载视频的代码段应为

$('#video_container video').load();

（'video'标记后没有'source'标记）

Answer 3

只需使用javascript

video.src = 'new/url/video.ogv';
video.load();  // Load the new video
video.play();  // Play it

单击jquery并更改html 5视频源

3 个答案: