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

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

希望这会有所帮助。