使用prettyPhoto插件我无法从我的服务器加载视频？

Question

如果我使用prettyPhoto，我可以显示Despicable Me预览，我可以显示youtube视频。但是我无法在自己的服务器上显示视频。它要么不加载，要么弹出一条错误信息，说明我的路径不正确或图像不存在。

这与rel =＆＃34; prettyPhoto＆＃34;和rel =＆＃34; prettyPhoto [电影]＆＃34;。注意：我不想嵌入带有YouTube徽标的YouTube视频。

如果我删除rel =＆＃34; prettyPhoto＆＃34;然后使用<iframe>标签，我无法使用相同的视频显示漂亮的照片。因此，路径是正确的，电影在我的服务器上存在。

但如果我使用此选项，则视频会被困在帧内，这对于视频的分辨率而言太小，因此不是我想要使用的选项。我想使用prettyPhoto来提供它提供的很棒的效果。

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/js/jquery.prettyPhoto.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/css/prettyPhoto.css" />

<a href="https://axelta-monitor.s3.amazonaws.com/AX_Guard%2520Patrolling%2520Demo_AXB052_1499909053_008.mp4" title="View" rel="prettyPhoto[pp_gal]">View</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您需要使用iFrame，并且您可以调整其内容的大小

我在网址

中添加了?iframe=true&width=200&height=200

http://jsfiddle.net/mplungjan/y1zz9car/

＆＃13;

＆＃13;

$(document).ready(function() {
    $("a[rel^='prettyPhoto']").prettyPhoto();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css">

<div id="video_player">
  <a href="https://axelta-monitor.s3.amazonaws.com/AX_Guard%2520Patrolling%2520Demo_AXB052_1499909053_008.mp4?iframe=true&width=200&height=200" rel="prettyPhoto" title="My private Video">
    <img src="http://img.youtube.com/vi/cH6kxtzovew/default.jpg" alt="My image" width="50">
  </a>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我想要底部的缩略图。它不适用