Question

我正在点击Div

尝试通过QuickTime加载视频

 $('#VideoPlaceHolder').click(function() {

        var videoElement = document.createElement('video');
        videoElement.setAttribute('src', 'Video.mp4');        

        videoElement[0].play();
        });

此代码无法在Iphone中播放视频。它确实在Web浏览器中加载后台音频。

请指导！感谢

Answer 1

首先，您需要在发布游戏之前将视频元素插入DOM。在玩之前你必须发出一个负载。

$('#VideoPlaceHolder').click(function() {
    var videoElement = document.createElement('video');

    videoElement.src = 'Video.mp4';

    // Inserts video element as a child to the DIV being clicked.
    $(this).append(videoElement);

    // Issue a load, and then play.
    videoElement.load();
    videoElement.play();
});

可能很高兴知道在大多数移动浏览器中，自动启动被禁用，并且必须在用户单击后发出负载。这是为了防止浏览器在观看者可能处于昂贵的连接上时开始下载大型视频（例如，在度假时进行数据漫游）。

希望这有帮助。

无法为iphone Safari / Chrome加载视频

1 个答案: