JS限制 获取动太ID,播放视频

JS限制textarea字数

function textdown(e)  
{textevent = e ;  
if(textevent.keyCode == 8)  
{  
return;  
}  
if(document.getElementById('text').value.length >= 180)   
{  
alert("大侠,我手机屏幕小,先输入这么多字好不?")   
if(!document.all)  
{  
textevent.preventDefault();  
}  
else  
{  
textevent.returnValue = false;  
}  
}  
}  
function textup()  
{  
var s = document.getElementById('text').value;  
//判断ID为text的文本区域字数是否超过180个  
if(s.length > 180)   
{  
document.getElementById('text').value=s.substring(0,180);  
}  
}  


附textarea在html中需要调用的参数:
<textarea id=”text” onKeyDown=”textdown(event)” onKeyUp=”textup()”></textarea>

 

JS 获取动太ID,播放视频

<script src="js/jquery.js"></script>

<script src="js/alertbox-all.js"></script>

function getPageScroll() {
    var xScroll, yScroll;
    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
        xScroll = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {     // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
        xScroll = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
        xScroll = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScroll, yScroll);
    return arrayPageScroll;
}

function getPageSize() {
    var xScroll, yScroll;
    if (window.innerHeight && window.scrollMaxY) {
        xScroll = window.innerWidth + window.scrollMaxX;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }
    var windowWidth, windowHeight;
    if (self.innerHeight) {    // all except Explorer
        if (document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth;
        } else {
            windowWidth = self.innerWidth;
        }
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }
    // for small pages with total height less then height of the viewport
    if (yScroll < windowHeight) {
        pageHeight = windowHeight;
    } else {
        pageHeight = yScroll;
    }
    // for small pages with total width less then width of the viewport
    if (xScroll < windowWidth) {
        pageWidth = xScroll;
    } else {
        pageWidth = windowWidth;
    }
    arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
    return arrayPageSize;
}

function _set_interface() {
    // Apply the HTML markup into body tag
    $('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"></div>');
    // Get page sizes
    var arrPageSizes = getPageSize();
    // Style overlay and show it
    $('#jquery-overlay').css({
        backgroundColor: '#000',
        opacity: 0.8,
        width: arrPageSizes[0],
        height: arrPageSizes[1]
    }).fadeIn();
    // Get page scroll
    var arrPageScroll = getPageScroll();
    // Calculate top and left offset for the jquery-lightbox div object and show it
    $('#jquery-lightbox').css({
        top: arrPageScroll[1] + (arrPageSizes[3] / 5),
        left: arrPageScroll[0]
    }).show();
    $('#jquery-overlay,#jquery-lightbox').click(function () {
        $('#jquery-lightbox').remove();
        $('#jquery-overlay').fadeOut(function () { $('#jquery-overlay').remove(); });
    });
}

放在需要放视频的页面里面

<script type="text/javascript">
function playFLVA(url) {    
    _set_interface();
    var info = "<iframe height=498 width=510 src='"+ url +"' frameborder=0 allowfullscreen></iframe>";
    $('#jquery-lightbox').append(info);              
};
</script>
  1. HTML代码部分<οnclick="playFLVA('视频地址')"><img src="图片地址" /></a>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用 JavaScript 来创建一个视频自动播放脚本。首先,通过 document.getElementById() 方法获取要播放的视频元素,然后调用 video.play() 方法来播放视频。你可以通过 video.addEventListener() 方法来监听视频状态,当视频播放完毕后,通过 video.load() 方法重新加载视频,从而实现视频的自动播放。 ### 回答2: 使用Javascript编写一个网页视频自动播放脚本非常简单。下面是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>自动播放视频</title> </head> <body> <video id="myVideo" width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <script> document.addEventListener("DOMContentLoaded", function() { var video = document.getElementById("myVideo"); video.oncanplay = function() { video.play(); }; video.onended = function() { // 视频播放结束后的操作 }; }); </script> </body> </html> ``` 在上述代码中,我们首先通过`<video>`标签嵌入了一个视频,并设置了`controls`属性,以便用户可以播放、暂停和调整视频。在`<script>`标签中,我们使用了`document.addEventListener`来确保DOM加载完成后执行我们的JavaScript代码。 在`DOMContentLoaded`事件的回调函数中,我们使用`document.getElementById`获取视频元素并将其存储在变量`video`中。然后,我们使用`video.oncanplay`事件来监听视频加载完成并可以播放的时机,一旦视频可以播放,我们调用`video.play()`方法开始播放视频。 此外,我们还可以使用`video.onended`事件来监听视频播放结束后的操作,你可以在其中添加需要的操作,比如循环播放或者跳转到其他页面。 请注意,大多数现代浏览器会阻止自动播放视频,除非用户手动与网页进行了交互(例如点击视频)或者在浏览器设置中打开了自动播放的权限。因此,在某些情况下,以上代码可能无法正常工作。 ### 回答3: 要用JavaScript写一个网页视频自动播放脚本,你可以采取以下步骤: 1. 首先,在HTML文件中添加一个video标签,用于显示视频内容。例如:`<video id="myVideo" controls autoplay></video>` 2. 在JavaScript中,通过 `getElementById` 方法获取video标签的引用。例如:`var video = document.getElementById("myVideo");` 3. 使用video对象的 `play` 方法来实现视频的自动播放。例如:`video.play();` 4. 要确保视频在页面加载完成后才开始自动播放,可以在JavaScript代码中监听 `window` 对象的 `load` 事件,然后在事件处理程序中调用 `play` 方法。例如: ``` window.onload = function() { video.play(); }; ``` 5. 如果视频源是动态获取的,你可以在JavaScript代码中设置video对象的 `src` 属性来指定视频的URL。例如:`video.src = "video.mp4";` 6. 如果你想在视频播放结束后重新播放,可以监听video对象的 `ended` 事件,并在事件处理程序中调用 `play` 方法。例如: ``` video.addEventListener("ended", function() { video.play(); }); ``` 请注意,由于一些浏览器限制,在某些情况下自动播放可能会被浏览器禁用,或者需要用户交互才能播放。可以使用 `muted` 属性来静音视频,或者显示一个播放按钮,要求用户点击才能播放。 完成上述步骤后,你就能够通过JavaScript脚本实现网页视频的自动播放。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值