IOS 4 中的 HTML 5 视频标签问题

发布于 2024-11-29 17:10:14 字数 820 浏览 0 评论 0原文

我正在开发一个针对 webkit（android 和 iphone）的网站。由于webkit支持Html 5视频标签，所以我决定使用这个标签来播放视频。由于设计问题，我无法在页面上显示视频占位符。设计要求页面上有一个播放按钮，单击该按钮将开始以全屏模式播放视频。所以我决定将视频元素的宽度和高度设置为零以隐藏控件并使用javascript来播放视频。这是我的代码

<a href="#" onclick="playVideo()">Play Video</a>
<video id="myVideo" src=""></video>
<script type="text/javascript">
function playVideo()
{
                var video = document.getElementById("myVideo");
                try {
                    if (video)
                        video.play();
                    else
                        alert("video control not found");
                } catch (error) { alert(error); }
}
</script>

。到目前为止一切顺利，它在 IOS 4+ 之前的 Android 和 iphone/ipod 中运行完美在 Iphone 4 中，单击链接会执行 playVideo 函数，但不会播放视频，也不会出现错误。

谁能告诉我w

原文

I am developing a site targetted to webkit(android and iphone) . Since webkit supports Html 5 video tag so i decided to use this tag to play videos.
Due to design issues, I can't show the video place holder on the page. Design demands a play button on the page which is when clicked will start playing video in full screen mode.
So I decided to set the width and height of video element to zero to hide the control and use javascript to play the video. Here is my code

<a href="#" onclick="playVideo()">Play Video</a>
<video id="myVideo" src=""></video>
<script type="text/javascript">
function playVideo()
{
                var video = document.getElementById("myVideo");
                try {
                    if (video)
                        video.play();
                    else
                        alert("video control not found");
                } catch (error) { alert(error); }
}
</script>

.So far so good and it works perfect in android and iphone/ipod prior to IOS 4+
In Iphone 4. Clicking on the link does execute the playVideo function but does not play the video and provide no error.

Can anybody tells me w

分享到QQ

分享到微博