jquery - 无法为 iphone Safari/Chrome 加载视频

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();
});

知道在大多数移动浏览器上禁用自动启动并且必须在用户单击后发出加载可能会很好。这是为了防止浏览器开始下载巨大的视频，而观众可能正在使用昂贵的连接（例如，在度假时进行数据漫游）。

希望这会有所帮助。