视频不播放嵌入式 vimeo 视频 jquery fancybox？答案

【问题标题】：video not playing embedded vimeo video jquery fancybox?视频不播放嵌入式 vimeo 视频 jquery fancybox？
【发布时间】：2017-12-18 09:05:38
【问题描述】：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>My page</title>
  <link rel="stylesheet" type="text/css" href="./jquery.fancybox.min.css">
</head>
<body>

  <h2>fancyBox v3.2 - Iframe</h2>

<a data-fancybox href="https://vimeo.com/191947042">
  Vimeo video
</a>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

  <script src="./jquery.fancybox.min.js"></script>
</body>
</html>

有人可以解释为什么我的视频在弹出窗口后没有播放，它需要在晚上完成查看所有可能的来源，我无法摆脱它？

【问题讨论】：

您的代码似乎工作正常：jsfiddle.net/0xnLd2yj。检查控制台是否有错误以及您本地的 fancybox 副本的路径
弹出窗口正在打开，我也在 jsfiddle 中查看了它在那边的工作，但是当我打开文件时，没有在 mozilla 和 chrome 中播放视频
您是否在本地机器上进行测试？ IE。基于file:// 的URL？如果是这样，您可能会被浏览器安全性阻止加载视频。在网络服务器上运行
是的，谢谢，现在我从 localhost 提供它并且运行良好

标签： javascript jquery html css iframe

【解决方案1】：

这是一个有效的 jsfiddle： http://jsfiddle.net/e8nTZ/ 检查并复制。

<a class="fancybox" href="http://vimeo.com/123456">open vimeo</a>

jQuery(document).ready(function ($) {
    $('.fancybox').fancybox({
        helpers: {
            media: {}
        }
    });
});

确保你正确链接了你的 js 文件！

【讨论】：

弹出窗口正在打开，我也在 jsfiddle 中查看了它在那边的工作，但是当我打开文件时，没有在 mozilla 和 chrome 中播放视频
好的，检查你的库链接（jquery 和 fancybox）。您可以尝试使用 CDN 中的链接，以确保正确包含它们。
我只需要从 localhost/server 运行它