Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 无法让mediaelement、js显示youtube视频_Jquery_Mediaelement.js - Fatal编程技术网

Jquery 无法让mediaelement、js显示youtube视频

Jquery 无法让mediaelement、js显示youtube视频,jquery,mediaelement.js,Jquery,Mediaelement.js,我尝试使用mediaelement网站上演示的代码运行youtube视频,但没有成功!!!然而,我已经很高兴地使用siftware运行了音频和视频文件,这是一个很棒的工具! 复制的站点: 我刚得到一个黑盒子,底部有一个空白的控制面板。如果我遗漏了什么,请告诉我 $document.readyfunction${ var player=新媒体元素player'player1'; }; 当我测试它时,它对我很有效 编辑 Fiddle未命中标题,与IE不兼容。。复制并粘贴此代码,并将其另

我尝试使用mediaelement网站上演示的代码运行youtube视频,但没有成功!!!然而,我已经很高兴地使用siftware运行了音频和视频文件,这是一个很棒的工具! 复制的站点:

我刚得到一个黑盒子,底部有一个空白的控制面板。如果我遗漏了什么,请告诉我

$document.readyfunction${ var player=新媒体元素player'player1'; };

当我测试它时,它对我很有效

编辑

Fiddle未命中标题,与IE不兼容。。复制并粘贴此代码,并将其另存为some test.html,使用浏览器打开,应该可以正常工作

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <!-- mediaelement -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelement-and-player.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelementplayer.min.css" />
    </head>
    <body>
        <video width="640" height="360" id="player1" preload="none">
            <source type="video/youtube" src="http://www.youtube.com/watch?v=Lt6CUH9bVzI" />
        </video>
    </body>
</html>

<script type="text/javascript">
jQuery(document).ready(function($) {

    // declare object for video
    var player = new MediaElementPlayer('#player1');

});
</script>

当我试着去做的时候,它对我很有效

编辑

Fiddle未命中标题,与IE不兼容。。复制并粘贴此代码,并将其另存为some test.html,使用浏览器打开,应该可以正常工作

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <!-- mediaelement -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelement-and-player.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelementplayer.min.css" />
    </head>
    <body>
        <video width="640" height="360" id="player1" preload="none">
            <source type="video/youtube" src="http://www.youtube.com/watch?v=Lt6CUH9bVzI" />
        </video>
    </body>
</html>

<script type="text/javascript">
jQuery(document).ready(function($) {

    // declare object for video
    var player = new MediaElementPlayer('#player1');

});
</script>

您使用的MediaElement.js版本是什么?我在使用较新的2.12v时遇到了相同的问题。。。。然后我降级到2.9,一切又正常了。我意识到这个问题已经很老了——可能在2.12发布之前,但如果有人正在寻找解决这个问题的方法,我建议降级


仍然有效

您使用的MediaElement.js版本是什么?我在使用较新的2.12v时遇到了相同的问题。。。。然后我降级到2.9,一切又正常了。我意识到这个问题已经很老了——可能在2.12发布之前,但如果有人正在寻找解决这个问题的方法,我建议降级


仍然有效

此代码段中的CDN URL已断开。要使其工作,请使用以下URL:,此代码段中的CDN URL已断开。要使其正常工作,请使用以下URL:,