本文介绍如何使用HTML5的基本元素创建一个简单的视频播放器，包括视频元素、文本输入框和播放按钮的实现。
<html>
<head>
<title>Simple Video Example</title>
<script>
function playVideo(e) {
var video = document.getElementById('video1'); //video element
var input = document.getElementById('videoFile'); //text box
if (input.value != video.src) {
video.src = input.value;
}
video.load();
video.play();
}
</script>
</head>
<body>
<video id="video1" width="640" height="360" controls >HTML5 video is not supported</video><br />
<input type="text" id="videoFile" size="60" placeholder="Enter video file URL here"/>
<button onclick="playVideo(this);">Play</button>
</body>
</html>
转载于:https://www.cnblogs.com/mysterywho/p/4108406.html
扫一扫
8
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
