设置链接在不同的时间播放视频使用视频-js

  • Z时代
  • 2024-01-10
  • 分类：问答

我试图设置一个侧面导航在网页上的不同时间播放主要功能视频。设置链接在不同的时间播放视频使用视频-js

这是我的不工作代码，显然我使用video.js插件，它没有这个侧面导航效果很好。

HTML

<video id="myVideo" class="video-js vjs-default-skin box" controls preload="none" width="720" height="540" poster="images/myPoster.jpg" data-setup="{}"> 
    <source src="myVideo.mp4" type='video/mp4'> 
    <source src="myVideo.oggtheora.ogv" type='video/ogg'> 
</video> 
<a onClick="introduction()">Introduction</a> 
<a onClick="chapertOne()">Chapter One</a>

JS

<script type="text/javascript"> 
var myPlayer = _V_("myVideo"); 
    function(introduction){ 
// Do something when the event is fired 
    myPlayer.currentTime(120); // 2 minutes into the video 
    myPlayer.play(); 
}; 
</script> 
<script type="text/javascript"> 
var myPlayer = _V_("myVideo"); 
    function(chapterOne){ 
// Do something when the event is fired 
    myPlayer.currentTime(440); // 4 minutes into the video 
    myPlayer.play(); 
}; 
</script> 
...

的代码是行不通的。当我按下链接时没有任何反应。你认为这是因为它是一部很长的电影（约10米）。我也在考虑按照章节分割电影，然后为每个链接加载一章。你认为什么是正确的做法？

回答：

function(chapterOne){ ... }此代码创建尚未分配给任何变量的匿名函数。因此，也许你应该试试这个：

<script type="text/javascript"> 
    var myPlayer = _V_("myVideo"); 
    function introduction() { 
     // Do something when the event is fired 
     myPlayer.currentTime(120); // 2 minutes into the video 
     myPlayer.play(); 
    }; 
    function chapterOne() { 
     // Do something when the event is fired 
     myPlayer.currentTime(440); // 4 minutes into the video 
     myPlayer.play(); 
    }; 
</script>

而且改变onClick属性onclick

以上是 设置链接在不同的时间播放视频使用视频-js 的全部内容， 来源链接： utcz.com/qa/264362.html

回到顶部