Question

我想在一个非youtube托管的网站上播放视频，我希望在视频结尾处有一个链接。此链接的文本位于视频的最后一个图像上，因此透明的叠加层将起作用。我正在学习和Javascript，并且想出'onended'，然后想在视频上显示透明图像并将此图像链接到联系页面。

这里是视频本身的代码：

<video id="greenhat_video" class="video-js vjs-default-skin" controls preload="auto" width="350" height="200" onended="myFunction()" poster="http://www.greenhat.org.uk/video/poster.png" data-setup='{}'>
         <source src="http://www.greenhat.org.uk/video/What-Do-Green-Hat Do-FINAL4-GH-Web.mp4" type='video/mp4' />

您的浏览器不支持视频标记。

这里要调用的javascript代码触发了透明的链接图像：

<script>
function myFunction() {
document.write("<a href="http://www.greenhat.org.uk/request_information.html"> <img src="http://www.greenhat.org.uk/video/overlay_transparentB.gif" /> </a>");
                 });
            </script>

这是我构建的叠加但无法调用＆LT; / A＆GT; ＆LT; / DIV＆GT; - ＆GT;

任何建议我现在如何将图像称为透明链接的视频将非常感谢！

视频结尾处的链接（不是youtube托管）

0 个答案: