1需求

我在听力网站练习听力的时候，发现在对照听力文字稿，听听力时，flash播放器的位置太靠上；不方便听到某个地方暂停再回听。
因此我想将其固定到右下角。

2工具

根据自己现在学习过的东西来看，就油猴感觉比较能操作。

3思路

先找到需要移动的播放器的tag或class或id；
然后通过复制，将其固定到body。

4代码

// ==UserScript==
// @name         English-test播放器更改
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  实现了将播放器复制一份，然后移动到更方便点击的位置；有利于对照transcript听听力时暂停。
// @author       You
// @include      http://www.english-test.net/*
// @exclude     %exclude%
// @grant        none
// @run-at       document-end
// ==/UserScript==(function() {'use strict';//alert('nihao');//先将块取出来 然后移动到body内首部//var $ = unsafeWindow.jQuery;//var elts = document.getElementById("audioplayer_1");//alert(elts.innerHTML);var main, newElement;//alert(document.getElementById("audioplayer_1").innerHTML);//alert(document.getElementsByTagName("center")[0].innerHTML);newElement = document.getElementById('audioplayer_1');main = document.getElementsByTagName('center')[0];if (main) {//newElement = document.createElement('hr');newElement.style.position = 'fixed';newElement.style.right = '0';newElement.style.top = '400';main.parentNode.insertBefore(newElement, main);}// Your code here...
})();

5阻碍

首先不太熟悉语法规则，getElementsByClassName和getElementById不前者Elements有s，后者没有s。
并且可以推测出Elements返回的是数组形式，就是要是调用其中一个元素需要加上[i],i=0、1、2…。这里也花费了很多时间。
再有就是对标签的块的优先不清楚，不知道移动出来的块放在哪里能“悬浮”于网页，而不随者右侧上滑条的拖动而变化。

6总结

调用函数先弄清概念，干什么的，输入是什么，输出是什么，分别是什么类型的输入输出。
到现在还没弄清写油猴脚本用什么语言。

7参考

[1] 油猴学习
[2] 各个脚本文件

油猴学习——移动flash播放器相关推荐

网页中Flash播放器常用参数设置（转）
网页中Flash播放器常用参数设置 2006-11-26 23:24 我们现在大部分人做网页,都是直接用DW插入flash,而且DW也是所见即所得,直接生成了相应的flash显示代码.可是我们又有多少 ...
xiami flash播放器对歌曲链接的解密算法
1. 本文是学习只用,不要将之用在非法用途 2. 先下载xiami的flash播放器, 通过Sothink SWFDecompiler 将之反编译: 3. 然后找出它的解密函数,关键代码如下: pub ...
python爬取资料_Python爬取FLASH播放器中的资料
Python爬取FLASH播放器中的资料. 一.首先了解一下AMF协议:AMF(Action Message Format)是Flash与服务端通信的一种常见的二进制编码模式,其传输效率高,可以在HT ...
Adobe Flash Player(Flash播放器)下载地址
Adobe Flash Player 是一个跨平台.基于浏览器的应用程序运行时,它可以跨浏览器和操作系统.原汁原味地呈现具有表现力的应用程序.内容和视频. Adobe Flash Player(Fla ...
wince flash Android,关于wince下用C#实现flash播放器
我的开发是基于 6410 ARMV4I 的一个触摸屏设备在windows下,用vc#只要引用AxInterop.ShockwaveFlashObjects.dll和Interop.Shockwave ...
解密flash播放器
转载自公众号:python_shequ 今天在摸鱼(划掉)逛V2EX的时候,有个帖子引起了我的注意求助一个网站视频加密方式, 已排除是 base64 加密 - V2EX https://www.v2 ...
Android简易Flash播放器
上一节,大体说了下在Android程序中嵌套Flash动画.这次按照上次的内容做个扩展,做个简易的flash播放器. 前提条件如上一节所说,需要Android2.2平台和安装flash的插件. 先看工 ...
Android 9.0 flash播放器播放swf源码讲解
其实不是什么新技术,因为android4.1之后的android 浏览器内核版本发生了变化导致 Adobe 的Flash插件无法正常运行,大家的Flash无法正常播放.而网络上所能搜索到的方法全是We ...
JWPlayer Flash播放器如何实现视频分段载入播放从而节省带宽？
近期由于一个项目的需要,对Flash版本的播放器JWPlayer做了一些改进以支持一些功能,这里把中间用到的一些思路和做法记录下. 首先一个功能是:客户的很多flv视频都是完整的一个大视频,希望JWP ...

油猴学习——移动flash播放器

1需求

2工具

3思路

4代码

5阻碍

6总结

7参考

油猴学习——移动flash播放器相关推荐

最新文章

热门文章