爲什麼我的視頻不能從播放列表播放到我的網站？

我試圖在我的網站中加載視頻播放列表，並按照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

爲什麼我的視頻不能從播放列表播放到我的網站？

回答

相關問題