开放问题-ios html5 video m3u8 直接播放

问题描述

ios html5 video m3u8 直接播放

在ios先做视频播放 html5 video 标签 播放的m3u8 格式的 显示页面一打开 不是直接播放 内容 需要点击视频 然后全屏播放的 有没有方法直接加载后 直接播放

<video id="video_player"   width="640" height="352" controls="controls" src="">
                Your browser does not support the video tag.
</video>

解决方案

SAP及mySAP商务套件HTML5 让开发人员可以更轻松地提供大量WEB体验。标签是令人兴奋的新添内容,不再需要外部音乐播放器,使音频的提供像显示图像一样简单。有了基于标准的音频控件和让用户更易于与声音进行交互的新浏览器功能,你可以轻松的在WEB页面上定制MP3播放器了。

解决方案二:

这和浏览器版本型号都有关

需要下一些支持相关浏览器的插件。

看一下这个链接:https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats?redirectlocale=en-US&redirectslug=Media_formats_supported_by_the_audio_and_video_elements#Browser_compatibility

解决方案三:

ios 不支持自动播放,需要用户事件。trigger的也不行。
刚看到一个solution ,说是写一个同步的ajax请求,你可以试试。

时间: 2024-12-21 20:26:54

开放问题-ios html5 video m3u8 直接播放的相关文章

Android编程使WebView支持HTML5 Video全屏播放的解决方法_Android

本文实例讲述了Android编程使WebView支持HTML5 Video全屏播放的解决方法.分享给大家供大家参考,具体如下: 1)需要在AndroidManifest.xml文件中声明需要使用HardwareAccelerate, 可以细化到Activity级别,如果不需要的View可以声明不要用加速,但是需要在代码中做,具体如下: a. 如果要声明整个应用都要加速: 复制代码 代码如下: <application ... android:hardwareAccelerated ="tr

HTML5 video标签(播放器)学习笔记(一):使用入门

 HTML5 video标签(播放器)学习笔记(一):使用入门 近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做的哪些工作. 网上的教程其实也不少了 w3cschool里面的最为简单而详细,那么这几介绍的是一些更为直接的应用. 本文目录: 1.使用标签 2.加上一些必要参数 3.自动播放或自动加载 4.规范播放器 第一步:使用标签 使用的方法很简单,就是一句代码: 代码如下: <video></vi

HTML5 video标签(播放器)学习笔记(二):播放控制

HTML5 video标签(播放器)学习笔记(二):播放控制 本文的目录: 1.获取影片总时长 2.播放.暂停 3.获取影片已播放时间和设置播放点 4.音量的获取和设置 第一.获取影片总时长 对播放器(video)操作,首先要得到的是影片的一些信息,其中一个就是总时长,除了内容以为,总时长也是第一时间要显示的.在对video进行操作的的前先给video标签添加一个ID,这样方便我们获取video元素 代码如下: <video id="myVideo" controls prelo

Android编程使WebView支持HTML5 Video全屏播放的解决方法

本文实例讲述了Android编程使WebView支持HTML5 Video全屏播放的解决方法.分享给大家供大家参考,具体如下: 1)需要在AndroidManifest.xml文件中声明需要使用HardwareAccelerate, 可以细化到Activity级别,如果不需要的View可以声明不要用加速,但是需要在代码中做,具体如下: a. 如果要声明整个应用都要加速: 复制代码 代码如下:<application ... android:hardwareAccelerated ="tru

安卓手机HTML5 video全屏播放实例代码

有的需求是视频自动全屏播放,这一点在iphone上是默认的.但是在android系统上就需要手动点击全屏按钮.现在video标签的全屏API一直在草案阶段,各个浏览器的API也是差异.所幸的是现在大部分的手机浏览器内核都是webkit的.所以可以借助浏览器的全屏API来实现视频的全屏,当然浏览器的全屏API并不局限于video标签.在PC端处理video可以使用一个比较成熟的插件videojs.所以这次代码仅针对移动端.从网上借鉴了一些代码,我自己精简掉了一些移动端用不到的代码.并添加了"全屏后

html5 video标签切换视频问题

问题描述 html5 video标签切换视频问题 现在想实现这么一个功能: html5 video标签在播放视频过程中,点击按钮切换到另一个视频资源,并跳到上一个视频的时间点. 比如,A视频播放到3分15秒,点击某一个按钮后,播放B视频,且从4分15秒开始播. 不知道为什么,PC上没有问题,可以正常跳转.但是移动端就会出问题,尤其是安卓客户端,都是从头开始播. 求大神解救! 以下是部分代码: <video id=""my_video_id"" class=&q

HTML5 video播放器全屏(fullScreen)方法实例

 HTML5 video播放器全屏(fullScreen)方法实例  首先来说,这个标题具有误导性,但这样设置改标题也是主要因为video使用的比较多 在html5中,全屏方法可以适用于很多html 元素,不仅仅是video 代码如下: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>全屏问题</title> <meta http-e

chrome-Chromium Android 播放html5 video只有声音没有图像

问题描述 Chromium Android 播放html5 video只有声音没有图像 尝试编译Chromium,在某些Android设备上出现只有声音没有图像的问题. 感觉是一个黑色界面把图像遮住了.因为我点返回时有时会一瞬间看到图像. 网上找了一下,有说要关闭硬解的,看起来跟这个无关,但我还是尝试关闭了,问题依旧. 下载了最新的Chrome,也有同样的问题. 解决方案 html5 video 在网络中可以播放吗? 首先判断出问题的所在 解决方案二: 请问你的问题解决了吗?我也遇到了类似的问题

各大视频网站 flash 地址 用 html5 video 或者 iframe 标签播放。

问题描述 各大视频网站 flash 地址 用 html5 video 或者 iframe 标签播放. 如题 各大视频网站 flash 地址 用 html5 video 或者 iframe 标签播放. 解决方案 android中HTML5的Video标签的播放[HTML5] Video 标签播放及控制视频 解决方案二: 视频播放页面不是有分享,分享中列出了flash地址,或者iframe嵌套什么的,拷贝html放入你网站