HTML嵌入视频–【实例，咸鱼帮答疑】优酷视频嵌入
客户需求
无意中打开咸鱼，发现一连串答疑请求。其中一个是：在HTML中嵌入优酷视频。
解决方法
利用标签解决。答疑中参考了文章–页面中插入视频的方法—video/embed/iframe总结
具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>测试视</title>
<style>
.container{
width: 100%;
margin: 0 auto;
border: 1px solid #f00;
text-align: center;
}
video,embed,iframe{
border: 1px solid #000;
width: 100%;
}
</style>
</head>
<body>
<div class="container">
<iframe height=498 width=510 src='http://player.youku.com/embed/XNDU0MjMzOTIyMA==' frameborder=0 'allowfullscreen'></iframe>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
