如何从我的HTML嵌入式视频重定向到另一个网页?

时间:2019-03-04 16:08:47

标签: javascript html css html5

我正在编码HTML网站,并且成功嵌入了视频。

<section class="section1" id="videopage">
    <video width=100%, playsinline autoplay muted loop>
        <source src="Intro_BLACK.mp4" type="video/mp4"/>
    </video>
</section>

效果很好。但是,我想知道如何在此嵌入式视频上链接网站。如果单击视频,我想重定向到另一个网页。我尝试了下面的代码,但是没有用。预先感谢。

<section class="section1" id="videopage">
    <video width=100%, playsinline autoplay muted loop>
        <a href="http://www.naver.com" target="_blank"> 
        <source src="Intro_BLACK.mp4" type="video/mp4"/>
    </video>
</section>

1 个答案:

答案 0 :(得分:2)

您需要像这样将视频元素封装在a中:

   <section class="section1" id="videopage">
     <a href="http://www.naver.com" target="_blank" >
        <video width="100%" playsinline autoplay muted loop >
          <source src="Intro_BLACK.mp4" type="video/mp4"/>
        </video>
     </a>
    </section>