关于video标签求助

xuanxiao · 发表于 2017-4-17 16:08:21

我想将一个视频插到.w文件里面去，  我直接建了一个html 代码如下：
<!DOCTYPE HTML>
<html>
<body>

<video controls="controls">
  <source src="./vedio/1234.ogg" type="video/ogg">
  <source src="./vedio/1234.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

</body>
</html>

然后在.w里面放一个 iframe  将这个html放进去。。。
请问我如何动态修改  这个html里面的  src ？因为我视频文件比较多，我总不能每一个视频文件做一个html吧！

liangyongfei · 发表于 2017-4-17 16:27:26

不需要是使用iframe 啊！
直接在 w 页面中就可以放置video 标签的！
然后video 标签自定义属性 bind-attr-src属性绑定KO 或 data字段，
通过修改data组件的值或 KO 对象的值！就可以动态变换 URL的

xuanxiao · 发表于 2017-4-17 17:16:53

老师，您好！请问怎么在 .w 里加 video标签啊？我在右侧html控件里面没有发现 video
我直接在源码里面加
<video controls="controls">
<source src="./vedio/1234.ogg" type="video/ogg">
<source src="./vedio/1234.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
报错！！

liangyongfei · 发表于 2017-4-17 17:24:36

xuanxiao 发表于 2017-4-17 17:16
老师，您好！请问怎么在 .w 里加 video标签啊？我在右侧html控件里面没有发现 video
我直接在源码里面 ...

报什么错？？
可以看下其他人做的案例
http://bbs.wex5.com/forum.php?mo ... page=2#pid165221832 http://bbs.wex5.com/forum.php?mo ... 7&pid=165246635

你这种用法没使用过
试试直接写
<video src="./vedio/1234.mp4"></video>
这样就可以把！

video 注意的视频格式问题
http://docs.wex5.com/html5-video/

xuanxiao · 发表于 2017-4-18 10:29:14

老师，我直接新建了一个空白 .w 文件，然后将vedio标签内容拷贝进去，所有源代码入下所示：
<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
  design="device:m;">
  <div component="$UI/system/components/justep/model/model" xid="model" style="top:407px;left:693px;height:auto;"/>

  <video controls="controls">
  <source src="./vedio/1234.ogg" type="video/ogg">
  <source src="./vedio/1234.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

</div>

然后我运行，报的错误如下所示：

liangyongfei · 发表于 2017-4-18 13:23:38

xuanxiao 发表于 2017-4-18 10:29
老师，我直接新建了一个空白 .w 文件，然后将vedio标签内容拷贝进去，所有源代码入下所示：

source 标签最起码得有结束标签
</source>

在w文件中标签格式必须符合要求的！又开始就要有结束

xuanxiao · 发表于 2017-4-18 15:48:00

老师，我按照你的方法添加了自定义属性如图所示：

并且加了一个data组件，设置了一行数据，如图所示：

可是运行的时候，并没有视频资源播放，我若单纯的设置 src 就可以播放，请问改怎么弄？

xuanxiao · 发表于 2017-4-18 15:48:33

源代码： <video controls="controls" bind-attr-src='$model.data1.ref("col0")'></video>

liangyongfei · 发表于 2017-4-18 17:03:09

xuanxiao 发表于 2017-4-18 15:48
源代码：

参考/UI2/system/components/justep/list/demo/news.js

bind-attr-src 绑定一个 js
通过 require.toUrl() 处理一下这个路径，变成绝对路径即可

		自动登录	找回密码
密码			注册

[处理中3] 关于video标签求助