网页引用优酷视频并添加封面自动播放

引用优酷视频可以减轻公司的服务器压力，而且和自己上传保存视频相比会方便轻松许多，不过相对的需要忍受广告。

首先你需要在优酷里找到你要引用的视频，或者自己上传。然后打开会有一个分享按钮：

以我使用的第二个为例，复制下来如下：

放入页面中如图所示：

没有独立的封面，没有自动播放。

加封面：选择使用一张图片覆盖在上面，点击隐藏。

自动播放：加入属性 flashvars="isAutoPlay=true"

以上完成，最终代码如下

<div class="s2_ri"><embed  src='http://player.youku.com/player.php/sid/XNDAwOTEyMTgyNA==/v.swf'   allowFullScreen='true' flashvars="isAutoPlay=true" quality='high' width='100%' height='100%' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed><div v-if="vshow" class="s2_img_video" @click="showVideo"></div></div>methods: {showVideo(){this.vshow = !this.vshow;}},
.s2_ri {height: 400px;cursor: pointer;width: 630px;position: relative;.s2_img_video{position: absolute;top: 0;left: 0;background: url("../../assets/brand/66.png") no-repeat 0 0;height: 400px;cursor: pointer;width: 630px;}}}

网页引用优酷视频并添加封面自动播放相关推荐

让网页中优酷视频调用实现自动播放
我们在做网站时,经常要引用优酷网的视频,但优酷视频引用是不能自动播放的,有时感觉很是不便,那么能不能通过修改代码实现优酷视频的自动播放呢?答案是肯定的. 方法一: 1.打开优酷你想要的网页,例如: ...
html网页嵌入优酷视频,HTML页面插入优酷视频代码（转）
PS:1.标注斜体部分XNzI0NDYzNzA0是优酷视频的ID号例如优酷视频地址:http://v.youku.com/v_show/id_XNzI0NDYzNzA0.html ...
html在网页中加入视频,如何在自己的网页嵌入优酷视频(easy)
准备: 前端基础 1.优酷开发者账号 + 应用ID 2.如果你还没有优酷开发者账号和应用ID:http://cloud.youku.com/docs/docs?id=0,需要审核,一半半天到一天就OK ...
C# 实现优酷视频弹出小窗口播放
国内大部分浏览器都支持视频弹出播放功能,但是网上却没有类似的例子. 在2012年过年的时候,闲着没事,写了一个.支持部分优酷的视频弹出播放. 提供两个核心的类,当然还是需要其他类来完成.这是一个思路, ...
Android仿优酷视频的悬浮窗播放
Android仿优酷视频的悬浮窗播放之前接了需求要让视频播放时可以像优酷视频那样在悬浮窗里播放,并且悬浮窗和主播放页面之间要实现无缝切换,项目中使用的是自封装的ijkplayer 这个要求就代表不能 ...
android 优酷自动全屏播放,Android如何实现仿优酷视频的悬浮窗播放效果
Android如何实现仿优酷视频的悬浮窗播放效果发布时间:2020-07-11 10:24:43 来源:亿速云阅读:228 作者:清晨这篇文章主要介绍Android如何实现仿优酷视频的悬浮窗播放 ...
android浮窗播放器,Android仿优酷视频的悬浮窗播放效果
之前接了需求要让视频播放时可以像优酷视频那样在悬浮窗里播放,并且悬浮窗和主播放页面之间要实现无缝切换,项目中使用的是自封装的ijkplayer 这个要求就代表不能在悬浮窗中新建视频控件,所以需要在悬浮 ...
调用优酷云API 在自己的网站嵌入优酷视频
需求: 1.自己的网站嵌入优酷视频 2.实时显示播放时间工作流程 1.申请优酷云 2.创建应用 3.获取播放器代码 4.运行 1.申请优酷云链接 https://cloud.youku.com/ ...
如何在优酷评论中添加网页和视频时间点的超链接？
如何在优酷评论中添加如上图中的超链接? <a href='链接地址'>显示内容</a> 添加当前视频的时间点超链接? <a href="javascript:P ...

网页引用优酷视频并添加封面自动播放

网页引用优酷视频并添加封面自动播放相关推荐

最新文章

热门文章