将 zippyshare 播放器嵌入到本地 html答案

【问题标题】：embed zippyshare player into a local html将 zippyshare 播放器嵌入到本地 html
【发布时间】：2015-02-18 20:09:01
【问题描述】：

我尝试嵌入这个 zippyshare 播放器

<script type="text/javascript">var zippywww="54";var zippyfile="JnIxIFUy";var zippytext="#000000";var zippyback="#e8e8e8";var zippyplay="#ff6600";var zippywidth=850;var zippyauto=false;var zippyvol=80;var zippywave = "#000000";var zippyborder = "#cccccc";</script><script type="text/javascript" src="http://api.zippyshare.com/api/embed_new.js"></script>

到我的电脑上的 html 文件中！当我这样做并打开它时，它什么也不会显示！

有什么想法或为什么它不起作用？

非常感谢

【问题讨论】：

在 Chrome 或 IE 中，查看控制台（在 IE 中为 F12，右键单击 - 检查）并刷新。查看控制台显示的内容并提供显示的任何错误。
在萤火虫上我只看到一个错误“304 Not Modified”！这样做合理吗？

标签： javascript html iframe embed

【解决方案1】：

这是旧的但有点有趣，因为他们的嵌入代码对我来说也不是开箱即用的。

以下是我设法将 Zippyshare 播放器嵌入到我的 html 中的方法，供任何面临同样问题的人使用。

如果你查看嵌入代码，在所有声明的参数的末尾都有这个<script type="text/javascript" src="http://api.zippyshare.com/api/embed_new.js"></script>。将该 URL http://api.zippyshare.com/api/embed_new.js 复制到您的浏览器中，这就是您要查找的 iframe ......对吗？

这就是它的样子：

var a = navigator.userAgent||navigator.vendor||window.opera;
document.write("<iframe height=\"92\" width=\""+zippywidth+"\" frameBorder=\"0\" src=\""+window.location.protocol+"//api.zippyshare.com/api/jplayer_embed.jsp?key="+zippyfile+"&server=www"+zippywww+"&width="+zippywidth+"\"></iframe>");

但是，不知何故，您的网页从未收到此信息。所以我复制了那部分并粘贴到我的 html 代码中，替换了 zippyshare 脚本调用并对其进行了一些修改（用单引号替换转义字符）。所以我的 html 现在看起来像这样：

<body>
    <script type="text/javascript">
    var zippywww="20";
    var zippyfile="CyeL81Cn";
    var zippytext="#000000";
    var zippyback="#e8e8e8";
    var zippyplay="#ff6600";
    var zippywidth="100%";
    var zippyauto=false;
    var zippyvol=80;
    var zippywave = "#000000";
    var zippyborder = "#cccccc";

    var a = navigator.userAgent||navigator.vendor||window.opera;        
    document.write("<iframe height='92' width='"+zippywidth+"' frameBorder='0' src='http://api.zippyshare.com/api/jplayer_embed.jsp?key="+zippyfile+"&server=www"+zippywww+"&width="+zippywidth+"' allowfullscreen></iframe>");

    </script>   
    <!--script type="text/javascript" src="//api.zippyshare.com/api/embed_new.js"></script-->

</body>

它有效，但是我仍然不推荐它，因为它违背了进行 api 调用的核心目的。因此，这与其说是一个非常临时的解决方案，不如说是一个非常临时的解决方案:) 当您弄清楚或 Zippyshare 弄清楚如何处理您指定的所有未使用的自定义参数时。

【讨论】：