我喜欢用 dotvvm 建立一个视频演示网站。当什么都没有发生时,它必须在每次从列表中播放新视频时开始。使用 bootstrap/MediaObject 我找不到“视频准备播放”事件,因此我们可以开始下一个视频。使用 Dotvvm 解决此问题的最佳方法是什么,我不想为此返回 Angular。
巴斯
更新:此时我使用 html5 标签,是否还有 dotvvm 组件?样本:
<dot:Content ContentPlaceHolderID="ContentTemplate">
<div class="page">
<video ID="video1" width="320" height="240" autoplay>
<source src="/Style/video/video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button onclick="playPause()">Play/Pause</button>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
myVideo.addEventListener("ended", function () {
//get next video from viewmodel, (not hard coded)
var nextVideo = "/Style/video/video2.mp4"
myVideo.setAttribute("src", nextVideo)
//load
myVideo.load();
// switch of sound
myVideo.muted = true;
// play
myVideo.play();
}, true);
</script>
我们可以从 viewModel 中获取 nextVideo 吗?我们如何做到这一点?