嵌入代码youtube视频时jw播放器错误

时间:2015-07-20 16:53:40

标签: javascript html youtube jwplayer flash

我需要帮助。 我有使用youtube嵌入代码的JW Player问题 我曾尝试按照以下链接的教程: How to embed using youtube

这是我的代码:

<body>
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
<div id="myElement"></div>
<script>
    jwplayer("myElement").setup({
        flashplayer: 'jwplayer/player.swf',
        file: "https://www.youtube.com/watch?v=KdF_nqQy8qQ",
        width: 640,
        height: 360
    });
</script>
</body>

但是当我尝试使用我的代码时,视频无法显示,这是控制台chrome上显示的错误消息:

  

获取http://localhost/stc/jwplayer/undefined 404(未找到)

请帮帮我。

2 个答案:

答案 0 :(得分:2)

JW Player至少需要嵌入本地Web服务器才能工作。我刚刚测试了你的代码,它运行正常。在本地Web服务器或公共测试页面上尝试此示例代码,它可以正常工作。

<body>
<script type="text/javascript" src="http://p.jwpcdn.com/6/12/jwplayer.js"></script>
<div id="myElement"></div>
<script>
    jwplayer("myElement").setup({
        file: "https://www.youtube.com/watch?v=KdF_nqQy8qQ",
        width: 640,
        height: 360
    });
</script>
</body>

答案 1 :(得分:0)

要将此视频嵌入到html中,只需使用iframe

即可
<iframe width="640" height="360" src="https://www.youtube.com/embed/KdF_nqQy8qQ?rel=0" frameborder="0" allowfullscreen></iframe>