Question

正如标题所说，我正在使用prettyPhoto，当点击缩略图时，它只需将浏览器直接连接到youtube而不是在灯箱内播放视频。任何帮助将不胜感激！

 <!DOCTYPE html>
        <html>
          <head>
            <meta charset="utf-8">
            <title>My Name | Designer</title>
            <link rel="stylesheet" href="css/normalize.css">
            <link rel="stylesheet" href="css/main.css">
            <link rel="stylesheet" href="css/responsive.css">
            <meta name="viewport" comtemt="width=device-width, intial-scale=1.0">
            <script src="PP/js/jquery.js" type="text/javascript" charset="utf-8"></script>
            <link rel="stylesheet" href="PP/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
            <script src="PP/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
          </head>
          <body>
            <header>
              <a href="index.html" id="logo">
                <h1>My Name</h1>
                <h2>Designer</h2>
              </a>
              <nav>
                <ul>
                   <li><a href="index.html" class="selected">Portfolio</a></li>
                   <li><a href="about.html">About</a></li>
                   <li><a href="contact.html">Contact</a></li>
                 </ul>
                </nav>
            </header>
            <div id="wrapper">
              <section>
                <ul id="gallery">
                  <li>
                    <a href="https://www.youtube.com/watch?v=Hu6CIISutes" rel="prettyPhoto">
                      <img src="img/numbers-01.jpg" alt="">
                      <p>Logo Animation</p>
                     </a>
                  </li>
                </ul>
              </section>
         <script type="text/javascript" charset="utf-8">
          $(document).ready(function(){
          $("a[rel^='prettyPhoto']").prettyPhoto();
          });
        </script>
     </body>
   </html>

视频无法在灯箱中播放，直接进入youtube

0 个答案: