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

Question

如果我使用 PrettyPhoto，我可以显示《卑鄙的我》预览，并且可以显示 YouTube 视频。但我无法显示来 self 自己的服务器的视频。它要么无法加载，要么弹出一条错误消息，提示我的路径不正确或图像不存在。

这适用于 rel="prettyPhoto"和 rel="prettyPhoto[movies]"。注意:我不想嵌入带有 YouTube Logo 的 YouTube 视频。

如果我删除 rel="prettyPhoto"并使用 <iframe>相反，我无法使用 PrettyPhoto 展示的相同视频确实有效。因此，路径是正确的，并且电影确实存在于我的服务器上。

但是如果我使用此选项，视频就会被困在帧内，该帧对于视频的分辨率来说太小，因此不是我想要使用的选项。我想使用 PrettyPhoto 来获得它提供的令人惊叹的效果。

<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>

Answer 1

您确实需要使用 iFrame，并且可以根据内容调整大小

我将 ?iframe=true&width=200&height=200 添加到 URL

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

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

<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>