Javascript 如何在ie8上暂停视频

Javascript 如何在ie8上暂停视频,javascript,html,flash,video,internet-explorer-8,Javascript,Html,Flash,Video,Internet Explorer 8,如何在ie8上暂停视频。这里有两个div。就像一个水平标签的概念,根据点击的按钮,我显示一个带有视频的div我的要求是,当我点击按钮切换到另一个div并且需要显示切换的div上的视频时,如果视频正在播放,则暂停该视频 <script type="text/javascript"> function showTrainingPopUp(page) { var offset; document.getElementById('PopUpDialog

如何在ie8上暂停视频。这里有两个div。就像一个水平标签的概念,根据点击的按钮,我显示一个带有视频的div我的要求是,当我点击按钮切换到另一个div并且需要显示切换的div上的视频时,如果视频正在播放,则暂停该视频

<script type="text/javascript">
    function showTrainingPopUp(page) {
        var offset;
        document.getElementById('PopUpDialog').style.display = "block";
        document.getElementById('dimmerDiv').style.display = "block";
        //offset = document.getElementById("divExternal").offsetWidth;
        offset = (document.width !== undefined) ? document.width : document.body.offsetWidth;
        document.getElementById('dimmerDiv').style.width = offset + "px";
        //offset = document.getElementById("divExternal").offsetHeight;
        offset = (document.height !== undefined) ? document.height : document.body.offsetHeight;
        document.getElementById('dimmerDiv').style.height = offset + "px";
        document.getElementById('dimmerDiv').style.top = "0px";
        document.getElementById('dimmerDiv').style.left = "0px";
        if (page == 'phone') {
            document.getElementById('phoneTrainingDiv').style.display = "block";
            document.getElementById('portalTrainingDiv').style.display = "none";
            document.getElementById('phoneTrnBtn').value = "Phone Training Video >>";
            document.getElementById('portalTrnBtn').value = "Portal Training Video";
            document.getElementById("portalTrainingFrame").pause();  //will not work on IE8
        }
        if (page == 'portal') {
            document.getElementById('portalTrainingDiv').style.display = "block";
            document.getElementById('phoneTrainingDiv').style.display = "none";
            document.getElementById('portalTrnBtn').value = "Portal Training Video >>";
            document.getElementById('phoneTrnBtn').value = "Phone Training Video";
            document.getElementById("phoneTrainingFrame").pause();
        }
    }
    function hideTrainingPopUp() {
        document.getElementById('PopUpDialog').style.display = 'none';
        document.getElementById('dimmerDiv').style.display = 'none';
    }
    function setTrainingURL(dropdown){
         var url = dropdown.options[dropdown.selectedIndex].value; 
         document.getElementById("phoneTrainingFrame").src = url;

    }
</script>
</h:head>

<div id='dimmerDiv' class="divDimmer"></div>
<div id='PopUpDialog' class="popUpDialog">

    <table cellpadding="10" cellspacing="10" width="100%">
        <tr>
            <td class="textTopAlign">
                <div style="padding: 1px;"><input type="button" id="portalTrnBtn" value="Portal Training Video" onclick="showTrainingPopUp('portal')" /></div> 
                <div style="padding: 1px;"><input type="button" id="phoneTrnBtn" value="Phone Training Video" onclick="showTrainingPopUp('phone')" ></div>
            </td>
            <td>
                <div class="borderGrayPadding15">
                    <div id="portalTrainingDiv" style="display: none;">
                        <!-- <iframe width="470" height="280" src="#{welcomeDataBean.portalTrainingURL}"> </iframe> -->
                        <embed id="portalTrainingFrame" width="470" height="280" src="#{welcomeDataBean.portalTrainingURL}" type="application/x-shockwave-flash"></embed>
                    </div>
                    <div id="phoneTrainingDiv" style="display: none;">
                        <div class="txtHeading5">What type of phone do you have? &#160;&#160;&#160;&#160;
                        <h:selectOneMenu id="phoneTypeID" onchange="setTrainingURL(this);">
                            <f:selectItem itemLabel="- Select -" itemValue=""/>
                            <f:selectItems value="#{welcomeDataBean.phoneTypeURLList}"/>
                        </h:selectOneMenu> </div><br />
                        <!-- <iframe id="phoneTrainingFrame" width="470" height="280"> </iframe> -->
                        <embed id="phoneTrainingFrame" width="470" height="280" type="application/x-shockwave-flash"></embed>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <table align="center">
        <tr>
            <td>
                <div id="closeBtnDiv">
                    <input type="button" value="Close" onclick="hideTrainingPopUp()" class="hvdsPrimaryButton" /> <br /><br />
                </div>
            </td>
        </tr>
    </table>
</div>

功能显示培训弹出窗口(第页){
var偏移;
document.getElementById('PopUpDialog').style.display=“block”;
document.getElementById('dimmerDiv').style.display=“block”;
//offset=document.getElementById(“divExternal”).offsetWidth;
偏移量=(document.width!==未定义)?document.width:document.body.offsetWidth;
document.getElementById('dimmerDiv')。style.width=offset+“px”;
//偏移量=document.getElementById(“divExternal”).OffsetSight;
偏移量=(document.height!==未定义)?document.height:document.body.offsetHeight;
document.getElementById('dimmerDiv')。style.height=offset+“px”;
document.getElementById('dimmerDiv').style.top=“0px”;
document.getElementById('dimmerDiv').style.left=“0px”;
如果(第==‘电话’){
document.getElementById('phoneTrainingDiv').style.display=“block”;
document.getElementById('portalTrainingDiv').style.display=“无”;
document.getElementById('phoneTrnBtn')。value=“电话培训视频>>”;
document.getElementById('portalTrnBtn').value=“门户培训视频”;
document.getElementById(“portalTrainingFrame”).pause();//在IE8上不起作用
}
如果(页面==‘门户’){
document.getElementById('portalTrainingDiv').style.display=“block”;
document.getElementById('phoneTrainingDiv').style.display=“无”;
document.getElementById('portalTrnBtn')。value=“门户培训视频>>”;
document.getElementById('phoneTrnBtn').value=“电话培训视频”;
document.getElementById(“phoneTrainingFrame”).pause();
}
}
函数hideTrainingPopUp(){
document.getElementById('PopUpDialog').style.display='none';
document.getElementById('dimmerDiv').style.display='none';
}
功能设置TrainingUrl(下拉列表){
var url=dropdown.options[dropdown.selectedIndex].value;
document.getElementById(“phoneTrainingFrame”).src=url;
}
你有什么类型的电话    




这一切都取决于您选择的插件的工作方式。看一看。我想不出一个简单的暂停视频的方法。有人能帮我吗?你已经试过什么了?你在哪里找的?你发现了什么问题?我们不会为你做这项工作……看看这个答案,也许会帮助你@Lix,我不是在要求为我工作,而是在寻求帮助。如果你有什么要分享的,请分享。我不熟悉css和js。我需要在模型窗口上播放mp4/wma视频。我使用带有暂停/停止方法的嵌入标记尝试了WD,但这些方法在ie8上不起作用。为此,我正在寻找解决办法。