【问题标题】:HTML5 Video with Fancybox带有 Fancybox 的 HTML5 视频
【发布时间】:2011-11-18 15:19:57
【问题描述】:

我在将 HTML5 视频加载到 Fancybox 时遇到问题。 我有一个 HTML5 视频加载到一个隐藏的 div 中,因此无法在标签中启用自动播放。然后,我将其称为带有 Fancybox 内联和 div 引用的图像单击。 一切正常,除了我只想在 Fancybox 打开视频时播放视频?任何想法将不胜感激。

【问题讨论】:

    标签: html video fancybox autoplay


    【解决方案1】:

    您可以在fancybox 中打开视频后立即自动播放。内联视频的问题是,如果您关闭它,它会暂停,下次您在fancybox中打开它时,视频将在关闭时的相同位置/轨道打开......而且它不会“ auto-resume”(动作在开始时自动播放)。

    无论如何,这个选项应该可以解决问题:

    'onComplete': function(){
    $("#myVideo").find('video').attr('autoplay','autoplay');
    }
    

    #myVideo是DIV的ID,包含video标签。

    由于您使用的是内联方法,因此值得查看一个现有错误及其解决方法here

    最终,您可能更愿意使用 API 选项“内容”来避免内联类型问题:

    'content': '<video autoplay="autoplay" preload="none" poster="path/image.jpg" width="640" height="360" controls="controls"><source autoplay="autoplay" src="path/video.ogg" type="video/ogg">your browser does not support the HTML 5 video tag</video>'
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多