jQuery：prettyPhoto（）-在Internet Explorer中使用时，它将尝试下载视频

Question

我已经使用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>

Answer 1

IE使用 Shockwave Flash对象以iframe或其他元素显示视频。

此附加组件可能在您的IE中不可用或未启用。

如果该视频不可用，则IE将下载视频而不是播放视频。

将来，Flash将从IE和Edge中删除。因此，用户需要转到HTML5 Video元素才能显示视频。

参考文献：

Adobe Shockwave Player

The End of an Era – Next Steps for Adobe Flash

Flash & The Future of Interactive Content