Question

我正在尝试更改/删除我的start.html中的视频

    <video id="video" preload="auto" autoplay="true" loop="loop"
    muted="muted" volume="0">
<source
            src="clip0012.mp4" type="video/mp4"> 
</video>

我称之为：

    Element elem = DOM.getElementById("video_background");
    elem.getFirstChildElement().removeAttribute("src");
elem.getFirstChildElement().setAttribute("src", "clip0022.mp4");

我没有收到任何错误等信息仍然显示视频clip0012，但为什么？

Answer 1

请改用：

DOM.getElementById("video").setAttribute("src", "clip0022.mp4");

Answer 2

试试这个（请参阅注释以获取代码中的更多信息）：

<强>的java：

    //Get old Video Element
    Element oldVideoElement=RootPanel.get("video").getElement();

    //Create a new Video Element
    VideoElement newVideoElement=Document.get().createVideoElement();
    newVideoElement.setId("video");
    newVideoElement.setPreload("auto");
    newVideoElement.setAttribute("autoplay","true");
    newVideoElement.setAttribute("loop","loop");
    newVideoElement.setAttribute("muted","muted");
    newVideoElement.setAttribute("volume","0");

    //Create a new Source Element
    SourceElement sourceElement = Document.get().createSourceElement();
    sourceElement.setSrc("movie.mp4");
    sourceElement.setType("video/mp4");

    //Append new source Element in new video Element
    newVideoElement.appendChild(sourceElement);

    //Append new video element in video div
    RootPanel.get("videoDiv").getElement().appendChild(newVideoElement);

    //remove old video element from its parent
    oldVideoElement.removeFromParent();

<强> HTML：

<div id="videoDiv">
    <video id="video" preload="auto" autoplay="true" loop="loop"
        muted="muted" volume="0">
        <source src="clip0012.mp4" type="video/mp4"> 
    </video>
</div>

GWT：removeAttribute没有用？

2 个答案: