【发布时间】:2019-04-30 12:45:42
【问题描述】:
我已经使用 JQuery 的 prettyPhoto() 在我的页面中实现了一个弹出视频。
这适用于 Chrome、FireFox 和 Safari,但在 Internet Explorer (IE) 中使用时,它会尝试下载视频而不是在 iframe 中播放。
下载有效,然后将在媒体播放器中播放,但目标是在没有下载的情况下内联播放。
有人解释了为什么会这样吗?
<a href="<?php echo get_stylesheet_directory_uri(); ?>/assets/video/web-explainer.mp4?iframe=true" rel="prettyPhoto" class="banner-link box-link"></a>
<div class="banner-step-inner">
<div>
<img src="<?php echo $banner_step_image_url; ?>" alt="banner-icon" class="block mx-auto banner-icon">
</div>
<div>
<h3 class="banner-text"><?php echo $banner_step_text; ?></h3>
</div>
<div class="banner-link-container">
<div class="banner-link-inner">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/img/chevvy-white-right.svg">
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
【问题讨论】:
标签: jquery internet-explorer prettyphoto