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

Question

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

这与 rel="prettyPhoto" 和 rel="prettyPhoto[movies]" 相关。注意：我不想嵌入带有 YouTube 徽标的 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>

Answer 2

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

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

using prettyPhoto plugin I can not load video from my server?

html

php

jquery

prettyphoto