为什么我的视频不能从播放列表播放到我的网站？

我试图在我的网站中加载视频播放列表，并按照Google中的说明启用了我的JavaScript。这是我的代码，我不知道问题出在哪里。当我运行本地主机页面时，点击链接时视频不会加载。我无法弄清楚问题所在。为什么我的视频不能从播放列表播放到我的网站？

我正在使用Windows 64位操作系统。我想知道这是否是我的JavaScript的问题，但我启用了JavaScript。

<html> 
    <head> 
     <script> 
      $(function() { 
       $("#playlist li").on("click", function() { 
        $("#videoarea").attr({ 
         "src": $(this).attr("movieurl"), 
         "poster": "", 
         "autoplay": "autoplay" 
        }) 
       }) 
       $("#videoarea").attr({ 
        "src": $("#playlist li").eq(0).attr("movieurl"), 
        "poster": $("#playlist li").eq(0).attr("moviesposter") 
       }) 
      }) 
     </script> 
     <style> 
      #playlist { 
       display: table; 
      } 
      #playlist li { 
       cursor: pointer; 
       padding: 8px; 
      } 
      #playlist li:hover { 
       color: blue; 
      } 
      #videoarea { 
       float: left; 
       width: 640px; 
       height: 480px; 
       margin: 10px; 
       border: 1px solid silver; 
      } 
     </style> 
    </head> 
    <body> 
     <video id="videoarea" controls="controls" poster="" src=""></video> 
     <ul id="playlist"> 
      <li movieurl="Lemonade.mp4">Lemonade</li> 
      <li movieurl="mirror.mp4">Sintel</li> 
      <li movieurl="http://html5example.net/static/video/html5_Video_VP8.webm">Resident Evil</li> 
      <li movieurl="http://www.ioncannon.net/examples/vp8-webm/big_buck_bunny_480p.webm">Big Buck Bunny</li> 
     </ul> 
    </body> 
</html>

来源

2014-11-03 Melissa

我害怕在工作中使用术语'大降压兔子'来运行任何... – 2014-11-03 22:49:25

@EngineerDollery： - 哈哈哈，我没有问题的运行它！ – Melissa 2014-11-03 22:58:02

您还没有加载的jQuery在您所提供的代码，但使用的是$仿佛jQuery的装载。

添加链接加载它像下面就带你到下一个步骤：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这里是在东西第四环节的工作一的jsfiddle：

http://jsfiddle.net/JasonAller/j0cwqtLj/

的前两个链接是本地的，第三个链接被托管它的网站阻止。

来源

2014-11-10 03:22:30

为什么我的视频不能从播放列表播放到我的网站？

回答

相关问题