html5 自动触发事件,HTML5视频触发事件触发一次

我真的难住这一个。我想在Safari浏览器中使用html5视频播放器和javascript。我想 1播放问候视频 2播放默认循环视频，同时用户进行选择 3播放用户选择 4返回默认循环视频。HTML5视频触发事件触发一次

1，2，3工作但4不工作。

我打电话问候视频从身体

video not supported

设置我的事件监听了体内

body οnlοad="myAddListener()"

function myAddListener(){

var myVideo = document.getElementsByTagName('video')[0];

myVideo.addEventListener('ended',myNewSrc,false);

}

我的功能来播放循环默认的视频是

function myNewSrc() {

myVideo = document.getElementsByTagName('video')[0];

myVideo.src="sacarest.mov";

myVideo.loop="loop";

myVideo.load();

myVideo.play();

}

我使用select元素为用户选择视频和onchange事件来调用我的视频功能

function myNewSrcii() {

myVideo = document.getElementById('videok');

myVideo.loop=""

myquest = document.getElementById('vidquest').value;

switch(myquest)

{

case "a":

myVideo.src="sacaa.mov";

break;

case "b":

myVideo.src="sacab.mov";

break;

case "c":

myVideo.src="sacac.mov";

break;

case "d":

myVideo.src="sacad.mov";

break;

case "e":

myVideo.src="sacae.mov";

break;

case "f":

myVideo.src="sacaf.mov";

}

myVideo.load();

myVideo.play();

}

我试图丢弃循环属性，在myNewSrcii功能重新设置事件侦听器，使用视频标签，并没有运气的onended事件。当我检查视频事件结束时是真实的，然而，监听器从不会调用我的默认视频功能。任何帮助都会非常赞赏。谢谢

html5 自动触发事件,HTML5视频触发事件触发一次相关推荐

html背景mov,科技常识：html5自动播放mov格式视频的实例代码
今天小编跟大家讲解下有关html5自动播放mov格式视频的实例代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5自动播放mov格式视频的实例代码的相关资料,希望小伙伴们看了有 ...
html怎样自动播放视频,html5自动播放mov格式视频的实例代码
这个不算啥新奇吧?但还是记录一下. 这个问题应该这么看. 1.首先网站要支持.MOV格式文件就是说,网站要能识别.MOV格式文件. 如何识别?设置MIME类型.以IIS为例.除了可以在IIS界面上直 ...
html5自动播放mov格式视频
这个不算啥新奇吧?但还是记录一下. 这个问题应该这么看. 1.首先网站要支持.MOV格式文件就是说,网站要能识别.MOV格式文件. <mimeMap fileExtension=". ...
HTML5自动生成相框,HTML5拖放API实现自动生成相框功能
实现功能: 将桌面图片拖入指定地方,生成相框和相关信息. 相框需要自己配置,设置为背景,在CSS中设置. 效果如图: html部分: H5拖放API之图片相框效果 > 请将图片拖放至此处 CSS ...
html5自动添加数据库,HTML5本地存储之如果没有数据库究竟会怎样
本章主要内容是WebStorage与本地数据库,其中WebStorage是对cookie的优化,本地数据库是HTML5添加的一个功能,使用它可以在客户端建立一个数据库大大减轻服务器端的负担,加快访问 ...
html5 自动扣图,html5利用canvas实现颜色容差抠图功能
利用canvas的getImageData,我们可以获取到一张图片每一个像素的信息,而通过对每一个像素信息的对比,我们就可以找到需要消去的像素点.比如下面这一张图片,如果我们想要扣去白色部分(粉色是b ...
html5 自动生成迷宫,HTML5 Canvas随机迷宫生成动画
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 class Line { constructor(x, y, a, c) { this.x1 = x; th ...
html5自动旋转图片,HTML5画布旋转图片
你可以使用canvas'context.translate& context.rotate来旋转你的图像这里有一个函数来绘制旋转了指定度数的图像: function drawRotated( ...
html5 自动保存提示,html5+ SQLite提示数据表不存在
mui.init(); //plusReady,用来定义加载dom后的操作 //读取数据 mui.plusReady(function() { var options = { name:'db_not ...
html5 自动矢量化,HTML5中地圖矢量化
我們可以獲取canvas對象為var c=document.getElementById("myCanvas");其應有js屬性方法如下列舉: 1:繪制渲染對象, c.getCon ...

html5 自动触发事件,HTML5视频触发事件触发一次

html5 自动触发事件,HTML5视频触发事件触发一次相关推荐

最新文章

热门文章