首页 / 代码笔记 / 其他代码 / APP内嵌HTML5实现视频横屏播放

APP内嵌HTML5实现视频横屏播放

2020-05-24 其他代码 172

```
<html lang="en">
	<head>
		<meta charset="utf-8">
	</head>
	<style type="text/css">		
		#Flash1{
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		body{
			margin: 0px;
			padding: 0px;
		}
	</style>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		function resizeBody() {
			var bodyHeight = document.documentElement.clientHeight;
			var bodyWidth = document.documentElement.clientWidth;
 
			$("#video").width((bodyHeight) + "px");
			$("#video").height((bodyWidth) + "px");
 
			var video = document.getElementById("video");
			video.play();
		}
		window.onload = function(){			
			$("html").css("width","100%").css("height","100%");
			$("body").css("width","100%").css("height","100%");
			resizeBody();
		}
	</script>
	<body οnresize="resizeBody()">
		<div id="Flash1" style="  z-index: 999;"> 
			<video poster="video/head.png" id="video" controls="controls"  style="height: auto;margin: 0px;padding: 0px;" preload="preload">
				<source src="video/ycgx.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' >
			</video>
		</div>
	</body>
</html>
 
```

你可能喜欢

jQuery - 获取并设置 CSS 类

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： > addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 jQuery addClass() 方法下面的例子展示如何

2020-05-12 137 0
PHP判断url链接是否被百度收录

函数 ``` function checkBaidu($url) { $url = 'http://www.baidu.com/s?wd=' . urlencode($url); $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $rs

2020-05-22 118 0
ajax实现form提交方式

ajax实现form提交方式 ``` login test 用户名：密　码： ```

2020-05-24 136 0
Js实现将html页面或div生成图片

``` Document Hello World! Are you hear me? save $(function(){ $('#btnSave').click(function(event) { html2canvas($('#content')

2020-07-17 339 0
js加载外部数据

```javascript $(document).ready(function(){ $("button").click(function(){ $("#div1").load("/a_json_Json_key.html",function(responseTxt,statusTxt,xhr){ if(st

2020-05-17 139 0
php实现简单的验证码功能

php实现简单的验证码功能 ![](http://blog.xinx.wang/uploads/20200517/7e046772e2e7b4d12f7fbe37873fa0e8.jpg) 命名php文件 ``` ``` 调用 ``` 简单验证码的实现验证码图片:点击图片可更换验证码请输入图片中的内容:

2020-05-17 119 0

评论 0