Html5Video标签和Source标签制作视频播放器及画面大小切换和简单弹幕效果

友谊岁月

于 2017-03-04 18:23:18 发布

阅读量7.3k

点赞数 2

分类专栏： Html5 文章标签：标签视频 Html5

本文链接：https://blog.youkuaiyun.com/dengliushuai/article/details/60335911

版权

本文将介绍如何利用Html5的Video和Source标签构建一个视频播放器，并实现画面大小切换的功能。同时，还将探讨如何添加简单的弹幕效果，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	仅供参考 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>无标题文档</title>
	</head>
	<style>
	#playimg{
	top:110px;
	left:460px;
	position:absolute;
	display:none;
	}
	#mymardiv{width:800px;
	position:absolute;
	top:10px;
	left:110px;
	}
	</style>
	<script>
	function playpause(){
	myvideo=document.getElementById("myvideo");
</