Question

我正在使用PrimeFaces Media组件在对话框中显示视频预览。为此，我有以下代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <title>PrimeFaces Test</title>
    </h:head>
    <h:body>

        <p:commandButton value="Modal" type="button" onclick="PF('previewDlg').show();" />

        <p:dialog id="previewDlg"
                  widgetVar="previewDlg"
                  styleClass="overlayWindow"
                  modal="true"
                  resizable="false"
                  closeOnEscape="true"
                  position="bottom center">

            <h:form id="preview">
                <h:panelGrid
                        width="100%"
                        columns="1"
                        cellpadding="0"
                        cellspacing="0"
                        border="0">

                    <p:media id="showPreviewVideo"
                             height="250"
                             styleClass="picturePreview ui-widget"
                             value="#{testView.previewURL}"
                             player="quicktime">
                    </p:media>

                    <h:panelGroup style="display:block; text-align:center">
                        <p:commandButton id="previewCancelBtn"
                                         value="Cancel"
                                         immediate="true"
                                         styleClass="buttonCancel"
                                         oncomplete="PF('previewDlg').hide();"/>
                    </h:panelGroup>
                </h:panelGrid>
            </h:form>
        </p:dialog>

    </h:body>
</html>

它显示模式对话框，并且视频显示在内部。但是，对于Internet Explorer，我发现了一个错误-每次单击视频时，对话框都会变小。在Chrome上可以正常使用。

我正在使用：

Primefaces 6.2.6
IE 11

我是否缺少某些东西，或者似乎是PrimeFaces控件中的错误？

PrimeFaces Media组件在操作时会调整大小

0 个答案: